ry
/
datat.fi
6
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Nest `.open` navicon classes and comment out unused

This commit is contained in:
Michael Rose 2017-03-16 15:20:49 -04:00
parent 89aebb82ec
commit 51de468dbb
1 changed files with 61 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
_sass/basically-basic/_navicons.scss
View File

@ -74,21 +74,19 @@
top: 0 !important; top: 0 !important;
} }
.open .navicon::before,
.open .navicon::after {
transition-duration: $navicon-duration;
}
/* Minus */
.open { .open {
-ms-transform: scale($navicon-toggled-size); -ms-transform: scale($navicon-toggled-size);
transform: scale($navicon-toggled-size); transform: scale($navicon-toggled-size);
.navicon::before,
.navicon::after {
transition-duration: $navicon-duration;
} }
/* Arrows */ /* Arrows */
.open.larr .navicon, &.larr .navicon,
.open.rarr .navicon, &.rarr .navicon,
.open.uarr .navicon { &.uarr .navicon {
&::before, &::before,
&::after { &::after {
@ -110,13 +108,12 @@
} }
} }
.open.uarr { &.uarr {
-ms-transform: scale($navicon-toggled-size) rotate(90deg); -ms-transform: scale($navicon-toggled-size) rotate(90deg);
transform: scale($navicon-toggled-size) rotate(90deg); transform: scale($navicon-toggled-size) rotate(90deg);
} }
/* Arrows */ &.rarr .navicon {
.open.rarr .navicon {
&::before { &::before {
transform: translate3d(1em, 0, 0) rotate(-35deg); transform: translate3d(1em, 0, 0) rotate(-35deg);
@ -132,24 +129,25 @@
} }
/* × and + */ /* × and + */
.open.plus, // &.plus,
.open.x { // &.x {
.navicon { // .navicon {
background: transparent; // background: transparent;
&::before { // &::before {
-ms-transform: rotate(-45deg); // -ms-transform: rotate(-45deg);
transform: rotate(-45deg); // transform: rotate(-45deg);
} // }
&::after { // &::after {
-ms-transform: rotate(45deg); // -ms-transform: rotate(45deg);
transform: rotate(45deg); // transform: rotate(45deg);
} // }
} // }
} // }
.open.plus { // &.plus {
-ms-transform: scale($navicon-toggled-size) rotate(45deg); // -ms-transform: scale($navicon-toggled-size) rotate(45deg);
transform: scale($navicon-toggled-size) rotate(45deg); // transform: scale($navicon-toggled-size) rotate(45deg);
// }
} }