Target last 1 version with Autoprefixer
This commit is contained in:
parent
42739b5eed
commit
81ca0ae168
|
@ -64,13 +64,10 @@ main {
|
||||||
.layout--about {
|
.layout--about {
|
||||||
|
|
||||||
.entry-wrap {
|
.entry-wrap {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
@include breakpoint($medium) {
|
||||||
-ms-flex-wrap: nowrap;
|
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -78,7 +75,6 @@ main {
|
||||||
.entry-content {
|
.entry-content {
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
@include breakpoint($medium) {
|
||||||
-ms-flex: 1;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -62,7 +62,6 @@
|
||||||
border-radius: $navicon-width;
|
border-radius: $navicon-width;
|
||||||
background: $navicon-content-bg;
|
background: $navicon-content-bg;
|
||||||
content: '';
|
content: '';
|
||||||
// z-index: -1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before { top: (2 * $navicon-height); }
|
&::before { top: (2 * $navicon-height); }
|
||||||
|
@ -75,7 +74,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.open {
|
.open {
|
||||||
-ms-transform: scale($navicon-toggled-size);
|
|
||||||
transform: scale($navicon-toggled-size);
|
transform: scale($navicon-toggled-size);
|
||||||
|
|
||||||
.navicon::before,
|
.navicon::before,
|
||||||
|
@ -94,22 +92,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
-ms-transform: rotate(35deg);
|
|
||||||
transform: rotate(35deg);
|
transform: rotate(35deg);
|
||||||
-ms-transform-origin: left top;
|
|
||||||
transform-origin: left top;
|
transform-origin: left top;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
-ms-transform: rotate(-35deg);
|
|
||||||
transform: rotate(-35deg);
|
transform: rotate(-35deg);
|
||||||
-ms-transform-origin: left bottom;
|
|
||||||
transform-origin: left bottom;
|
transform-origin: left bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.uarr {
|
&.uarr {
|
||||||
-ms-transform: scale($navicon-toggled-size) rotate(90deg);
|
|
||||||
transform: scale($navicon-toggled-size) rotate(90deg);
|
transform: scale($navicon-toggled-size) rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -117,37 +110,35 @@
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
transform: translate3d(1em, 0, 0) rotate(-35deg);
|
transform: translate3d(1em, 0, 0) rotate(-35deg);
|
||||||
-ms-transform-origin: right top;
|
|
||||||
transform-origin: right top;
|
transform-origin: right top;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
transform: translate3d(1em, 0, 0) rotate(35deg);
|
transform: translate3d(1em, 0, 0) rotate(35deg);
|
||||||
-ms-transform-origin: right bottom;
|
|
||||||
transform-origin: right bottom;
|
transform-origin: right bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* × and + */
|
/* × and + */
|
||||||
// &.plus,
|
/* &.plus,*/
|
||||||
// &.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);*/
|
||||||
// }
|
/* }*/
|
||||||
// }
|
/* }*/
|
||||||
// }
|
/* }*/
|
||||||
|
|
||||||
// &.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);*/
|
||||||
// }
|
/* }*/
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,11 +21,9 @@
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@include list-unstyled;
|
@include list-unstyled;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
-ms-flex: 1;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
-ms-flex-pack: justify;
|
-ms-flex-pack: justify;
|
||||||
|
|
|
@ -29,14 +29,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
|
||||||
-ms-transform: translateX(-1rem);
|
|
||||||
transform: translateX(-1rem);
|
transform: translateX(-1rem);
|
||||||
transition: all 0.5s;
|
transition: all 0.5s;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
&.is--moved {
|
&.is--moved {
|
||||||
-ms-transform: translateX(0);
|
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@ -69,7 +66,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is--visible {
|
&.is--visible {
|
||||||
-ms-transform: translateX(0);
|
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -78,7 +74,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
> .inner {
|
> .inner {
|
||||||
-ms-transform: none;
|
|
||||||
transform: none;
|
transform: none;
|
||||||
box-shadow: 0 1em 5em 0 rgba(0, 0, 0, 0.125);
|
box-shadow: 0 1em 5em 0 rgba(0, 0, 0, 0.125);
|
||||||
}
|
}
|
||||||
|
@ -98,7 +93,6 @@
|
||||||
max-width: $sidebar-width;
|
max-width: $sidebar-width;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 1.5em;
|
padding: 1.5em;
|
||||||
-ms-transform: translateX(-1 * $sidebar-width);
|
|
||||||
transform: translateX(-1 * $sidebar-width);
|
transform: translateX(-1 * $sidebar-width);
|
||||||
background-color: $sidebar-background-color;
|
background-color: $sidebar-background-color;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -113,7 +107,6 @@
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
max-width: (1.5 * $sidebar-width);
|
max-width: (1.5 * $sidebar-width);
|
||||||
-ms-transform: translateX(-1.5 * $sidebar-width);
|
|
||||||
transform: translateX(-1.5 * $sidebar-width);
|
transform: translateX(-1.5 * $sidebar-width);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -170,9 +163,7 @@
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
|
||||||
.toggle {
|
.toggle {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -180,7 +171,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggle-label {
|
.sidebar-toggle-label {
|
||||||
-ms-flex-order: 2;
|
|
||||||
order: 2;
|
order: 2;
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
Alignment
|
Alignment
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.align-baseline { vertical-align: baseline !important; } // Browser default
|
.align-baseline { vertical-align: baseline !important; } /* Browser default */
|
||||||
.align-top { vertical-align: top !important; }
|
.align-top { vertical-align: top !important; }
|
||||||
.align-middle { vertical-align: middle !important; }
|
.align-middle { vertical-align: middle !important; }
|
||||||
.align-bottom { vertical-align: bottom !important; }
|
.align-bottom { vertical-align: bottom !important; }
|
||||||
|
|
Loading…
Reference in New Issue