mirror of
https://github.com/vale981/Vulcan
synced 2025-03-10 12:36:39 -04:00
59 lines
986 B
SCSS
59 lines
986 B
SCSS
|
@function black($opacity){
|
||
|
|
@return rgba(0,0,0,$opacity);
|
||
|
|
}
|
||
|
|
|
||
|
|
@function white($opacity){
|
||
|
|
@return rgba(255,255,255,$opacity);
|
||
|
|
}
|
||
|
|
|
||
|
|
// ------------------------------------ Common ------------------------------------ //
|
||
|
|
|
||
|
|
.menu-list, .menu-dropdown, .menu-collapsible{
|
||
|
|
|
||
|
|
// active item
|
||
|
|
|
||
|
|
.item-active{
|
||
|
|
.menu-item-label-text{
|
||
|
|
&:before{
|
||
|
|
content: "> ";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// menu item
|
||
|
|
|
||
|
|
.menu-item-label-wrapper{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.menu-item-label-text, .menu-items-toggle{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
// toggle icons
|
||
|
|
|
||
|
|
.menu-items-toggle{
|
||
|
|
display: none;
|
||
|
|
border-radius: 100%;
|
||
|
|
border: 1px solid white(0.3);
|
||
|
|
&:hover{
|
||
|
|
background: white(0.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-icon{
|
||
|
|
height: 20px;
|
||
|
|
width: 20px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
svg{
|
||
|
|
display: block;
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|