Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Theme updated

Browse Source
This commit is contained in:
Bahadır Sofuoğlu
2022-11-06 15:02:12 +03:00
parent 357fd44630
commit 0e5c4072e1
101 changed files with 217635 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/assets/layout/styles/layout/_menu.scss
View File

@@ -11,7 +11,7 @@
background-color: var(--surface-overlay);
border-radius: $borderRadius;
padding: 0.5rem 1.5rem;
box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08);
}
.layout-menu {
@@ -20,15 +20,15 @@
list-style-type: none;
.layout-root-menuitem {
>.layout-menuitem-root-text {
font-size: .857rem;
> .layout-menuitem-root-text {
font-size: 0.857rem;
text-transform: uppercase;
font-weight: 700;
color: var(--surface-900);
margin: .75rem 0;
margin: 0.75rem 0;
}
>a {
> a {
display: none;
}
}
@@ -37,14 +37,14 @@
user-select: none;
&.active-menuitem {
>.layout-submenu-toggler {
> .layout-submenu-toggler {
transform: rotate(-180deg);
}
}
}
li.active-menuitem {
>a {
> a {
.layout-submenu-toggler {
transform: rotate(-180deg);
}
@@ -63,12 +63,12 @@
outline: 0 none;
color: var(--text-color);
cursor: pointer;
padding: .75rem 1rem;
padding: 0.75rem 1rem;
border-radius: $borderRadius;
transition: background-color $transitionDuration, box-shadow $transitionDuration;
.layout-menuitem-icon {
margin-right: .5rem;
margin-right: 0.5rem;
}
.layout-submenu-toggler {
@@ -132,4 +132,24 @@
}
}
}
}
}
.layout-submenu-enter-from,
.layout-submenu-leave-to {
max-height: 0;
}
.layout-submenu-enter-to,
.layout-submenu-leave-from {
max-height: 1000px;
}
.layout-submenu-leave-active {
overflow: hidden;
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.layout-submenu-enter-active {
overflow: hidden;
transition: max-height 1s ease-in-out;
}