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

Target last 1 version with Autoprefixer

This commit is contained in:
Michael Rose 2017-03-20 12:53:02 -04:00
parent 42739b5eed
commit 81ca0ae168
5 changed files with 19 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_sass/basically-basic/_layout.scss
View File

@ -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;
} }
} }

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

@ -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);*/
// } /* }*/
} }

2
_sass/basically-basic/_navigation.scss
View File

@ -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;

10
_sass/basically-basic/_sidebar.scss
View File

@ -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
_sass/basically-basic/utilities/_align.scss
View File

@ -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; }