Nest `.open` navicon classes and comment out unused
This commit is contained in:
parent
89aebb82ec
commit
51de468dbb
|
@ -74,82 +74,80 @@
|
||||||
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);
|
||||||
}
|
|
||||||
|
|
||||||
/* Arrows */
|
.navicon::before,
|
||||||
.open.larr .navicon,
|
.navicon::after {
|
||||||
.open.rarr .navicon,
|
transition-duration: $navicon-duration;
|
||||||
.open.uarr .navicon {
|
|
||||||
|
|
||||||
&::before,
|
|
||||||
&::after {
|
|
||||||
width: (0.6 * $navicon-width);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
/* Arrows */
|
||||||
-ms-transform: rotate(35deg);
|
&.larr .navicon,
|
||||||
transform: rotate(35deg);
|
&.rarr .navicon,
|
||||||
-ms-transform-origin: left top;
|
&.uarr .navicon {
|
||||||
transform-origin: left top;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
&::before,
|
||||||
-ms-transform: rotate(-35deg);
|
&::after {
|
||||||
transform: rotate(-35deg);
|
width: (0.6 * $navicon-width);
|
||||||
-ms-transform-origin: left bottom;
|
}
|
||||||
transform-origin: left bottom;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.open.uarr {
|
|
||||||
-ms-transform: scale($navicon-toggled-size) rotate(90deg);
|
|
||||||
transform: scale($navicon-toggled-size) rotate(90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Arrows */
|
|
||||||
.open.rarr .navicon {
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
transform: translate3d(1em, 0, 0) rotate(-35deg);
|
|
||||||
-ms-transform-origin: right top;
|
|
||||||
transform-origin: right top;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
transform: translate3d(1em, 0, 0) rotate(35deg);
|
|
||||||
-ms-transform-origin: right bottom;
|
|
||||||
transform-origin: right bottom;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* × and + */
|
|
||||||
.open.plus,
|
|
||||||
.open.x {
|
|
||||||
.navicon {
|
|
||||||
background: transparent;
|
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
-ms-transform: rotate(-45deg);
|
-ms-transform: rotate(35deg);
|
||||||
transform: rotate(-45deg);
|
transform: rotate(35deg);
|
||||||
|
-ms-transform-origin: left top;
|
||||||
|
transform-origin: left top;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
-ms-transform: rotate(45deg);
|
-ms-transform: rotate(-35deg);
|
||||||
transform: rotate(45deg);
|
transform: rotate(-35deg);
|
||||||
|
-ms-transform-origin: left bottom;
|
||||||
|
transform-origin: left bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.open.plus {
|
&.uarr {
|
||||||
-ms-transform: scale($navicon-toggled-size) rotate(45deg);
|
-ms-transform: scale($navicon-toggled-size) rotate(90deg);
|
||||||
transform: scale($navicon-toggled-size) rotate(45deg);
|
transform: scale($navicon-toggled-size) rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.rarr .navicon {
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
transform: translate3d(1em, 0, 0) rotate(-35deg);
|
||||||
|
-ms-transform-origin: right top;
|
||||||
|
transform-origin: right top;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
transform: translate3d(1em, 0, 0) rotate(35deg);
|
||||||
|
-ms-transform-origin: right bottom;
|
||||||
|
transform-origin: right bottom;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* × and + */
|
||||||
|
// &.plus,
|
||||||
|
// &.x {
|
||||||
|
// .navicon {
|
||||||
|
// background: transparent;
|
||||||
|
|
||||||
|
// &::before {
|
||||||
|
// -ms-transform: rotate(-45deg);
|
||||||
|
// transform: rotate(-45deg);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &::after {
|
||||||
|
// -ms-transform: rotate(45deg);
|
||||||
|
// transform: rotate(45deg);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &.plus {
|
||||||
|
// -ms-transform: scale($navicon-toggled-size) rotate(45deg);
|
||||||
|
// transform: scale($navicon-toggled-size) rotate(45deg);
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue