mirror of
https://github.com/stolksdorf/homebrewery.git
synced 2025-12-22 01:21:29 +00:00
80 lines
2.2 KiB
Plaintext
80 lines
2.2 KiB
Plaintext
nav{
|
|
background-color : #333;
|
|
.navContent{
|
|
display : flex;
|
|
justify-content : space-between;
|
|
}
|
|
.navSection{
|
|
display : flex;
|
|
align-items : center;
|
|
}
|
|
.navLogo{
|
|
display : block;
|
|
margin-top : 0px;
|
|
margin-right : 8px;
|
|
margin-left : 8px;
|
|
color : white;
|
|
text-decoration : none;
|
|
&:hover{
|
|
.name{ color : @orange; }
|
|
svg{ fill : @orange }
|
|
}
|
|
svg{
|
|
height : 13px;
|
|
margin-right : 0.2em;
|
|
cursor : pointer;
|
|
fill : white;
|
|
}
|
|
span.name{
|
|
font-family : 'CodeLight';
|
|
font-size : 15px;
|
|
span.crit{
|
|
font-family : 'CodeBold';
|
|
}
|
|
small{
|
|
font-family : 'Open Sans';
|
|
font-size : 0.3em;
|
|
font-weight : 800;
|
|
text-transform : uppercase;
|
|
}
|
|
}
|
|
}
|
|
.navItem{
|
|
.animate(background-color);
|
|
padding : 8px 12px;
|
|
cursor : pointer;
|
|
background-color : #333;
|
|
font-size : 10px;
|
|
font-weight : 800;
|
|
color : white;
|
|
text-decoration : none;
|
|
text-transform : uppercase;
|
|
i{
|
|
margin-left : 5px;
|
|
font-size : 13px;
|
|
}
|
|
&.tealLight:hover{ background-color : @tealLight };
|
|
&.teal:hover{ background-color : @teal };
|
|
&.greenLight:hover{ background-color : @greenLight };
|
|
&.green:hover{ background-color : @green };
|
|
&.blueLight:hover{ background-color : @blueLight };
|
|
&.blue:hover{ background-color : @blue };
|
|
&.purpleLight:hover{ background-color : @purpleLight };
|
|
&.purple:hover{ background-color : @purple };
|
|
&.steelLight:hover{ background-color : @steelLight };
|
|
&.steel:hover{ background-color : @steel };
|
|
&.yellowLight:hover{ background-color : @yellowLight };
|
|
&.yellow:hover{ background-color : @yellow };
|
|
&.orangeLight:hover{ background-color : @orangeLight };
|
|
&.orange:hover{ background-color : @orange };
|
|
&.redLight:hover{ background-color : @redLight };
|
|
&.red:hover{ background-color : @red };
|
|
&.silverLight:hover{ background-color : @silverLight };
|
|
&.silver:hover{ background-color : @silver };
|
|
&.greyLight:hover{ background-color : @greyLight };
|
|
&.grey:hover{ background-color : @grey };
|
|
}
|
|
.navSection:last-child .navItem{
|
|
border-left : 1px solid #666;
|
|
}
|
|
} |