Run scss formatter
This commit is contained in:
@@ -14,12 +14,14 @@
|
||||
@include media($large-screen) {
|
||||
margin: 0px;
|
||||
}
|
||||
width: 25rem;
|
||||
|
||||
|
||||
width: 25rem;
|
||||
box-shadow: $box-shadow;
|
||||
|
||||
.sidenav__title {
|
||||
@include sidenav__header;
|
||||
|
||||
font-size: $h3-font-size;
|
||||
text-transform: uppercase;
|
||||
width: 50%;
|
||||
@@ -29,6 +31,7 @@
|
||||
|
||||
.sidenav__toggle {
|
||||
@include sidenav__header;
|
||||
|
||||
font-size: $small-font-size;
|
||||
line-height: 2.8rem;
|
||||
float: right;
|
||||
@@ -41,7 +44,7 @@
|
||||
|
||||
ul {
|
||||
&.sidenav__list--padded {
|
||||
margin: 4 * $gap 0;
|
||||
margin: (4 * $gap) 0;
|
||||
}
|
||||
|
||||
list-style: none;
|
||||
@@ -51,7 +54,6 @@
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.sidenav__divider--small {
|
||||
@@ -78,7 +80,7 @@
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.sidenav__link-icon {
|
||||
margin-left: - ($gap * .5);
|
||||
margin-left: -($gap * 0.5);
|
||||
}
|
||||
|
||||
&.sidenav__link--disabled {
|
||||
@@ -89,15 +91,16 @@
|
||||
&.sidenav__link--add {
|
||||
color: $color-blue;
|
||||
font-size: $small-font-size;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-blue);
|
||||
@include icon-size(14);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.sidenav__link--active {
|
||||
@include h4;
|
||||
|
||||
color: $color-primary;
|
||||
background-color: $color-aqua-lightest;
|
||||
box-shadow: inset ($gap / 2) 0 0 0 $color-primary;
|
||||
@@ -107,8 +110,10 @@
|
||||
}
|
||||
|
||||
position: relative;
|
||||
|
||||
.sidenav__link-active_indicator .icon {
|
||||
@include icon-color($color-primary);
|
||||
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
@@ -126,6 +131,7 @@
|
||||
|
||||
&--active {
|
||||
@include h5;
|
||||
|
||||
color: $color-white;
|
||||
background-color: $color-primary;
|
||||
box-shadow: none;
|
||||
@@ -139,20 +145,21 @@
|
||||
}
|
||||
|
||||
+ ul {
|
||||
|
||||
li {
|
||||
.sidenav__link {
|
||||
@include h5;
|
||||
padding: $gap * .75;
|
||||
|
||||
padding: $gap * 0.75;
|
||||
padding-left: 4.5rem;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
|
||||
.sidenav__link-icon {
|
||||
@include icon-size(12);
|
||||
|
||||
flex-shrink: 0;
|
||||
margin-right: 1.5rem;
|
||||
margin-left: -3rem
|
||||
margin-left: -3rem;
|
||||
}
|
||||
|
||||
.sidenav__link-label {
|
||||
@@ -169,7 +176,6 @@
|
||||
.sidenav__link-icon {
|
||||
@include icon-style-active;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user