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

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

@ -74,82 +74,80 @@
top: 0 !important;
}
.open .navicon::before,
.open .navicon::after {
transition-duration: $navicon-duration;
}
/* Minus */
.open {
-ms-transform: scale($navicon-toggled-size);
transform: scale($navicon-toggled-size);
}
/* Arrows */
.open.larr .navicon,
.open.rarr .navicon,
.open.uarr .navicon {
&::before,
&::after {
width: (0.6 * $navicon-width);
.navicon::before,
.navicon::after {
transition-duration: $navicon-duration;
}
&::before {
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-ms-transform-origin: left top;
transform-origin: left top;
}
/* Arrows */
&.larr .navicon,
&.rarr .navicon,
&.uarr .navicon {
&::after {
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
-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,
&::after {
width: (0.6 * $navicon-width);
}
&::before {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
-ms-transform-origin: left top;
transform-origin: left top;
}
&::after {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
}
}
.open.plus {
-ms-transform: scale($navicon-toggled-size) rotate(45deg);
transform: scale($navicon-toggled-size) rotate(45deg);
&.uarr {
-ms-transform: scale($navicon-toggled-size) rotate(90deg);
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);
// }
}