joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: add autoprefixer, remove browser-prefixed styles

Browse source
This commit is contained in:
Joshua Seigler 2016-09-04 12:44:03 -04:00
parent 3ad64419af
commit b6ea201bb7
6 changed files with 84 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

5
_config.yml
View file

@ -18,8 +18,13 @@ sass:
style: compressed style: compressed
cache: false cache: false
autoprefixer:
browsers:
- last 2 versions
gems: gems:
- jekyll-paginate - jekyll-paginate
- jekyll-autoprefixer
collections: collections:
components: # style guide components: # style guide

2
_sass/_footer.scss
View file

@ -40,7 +40,5 @@ footer {
} }
.footer--social { .footer--social {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2; column-count: 2;
} }

2
_sass/_forms.scss
View file

@ -4,7 +4,7 @@ form {
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
border: 2px solid $black; border: 2px solid $black;
box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none; appearance: none;
} }
.username { .username {
background-image: url(../images/icon-username.png); background-image: url(../images/icon-username.png);

2
_sass/_grid.scss
View file

@ -907,7 +907,5 @@
*, *,
*:before, *:before,
*:after { *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }

2
_sass/_junk-drawer.scss
View file

@ -19,8 +19,6 @@ a.blog_link {
margin: 1px; margin: 1px;
border:1px solid #dddddd; border:1px solid #dddddd;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
} }
.background-title { .background-title {

35
_sass/_overlay-menu.scss
View file

@ -25,12 +25,9 @@
background: #FF5252; background: #FF5252;
height: 2px; height: 2px;
width: 0%; width: 0%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); transform: translateX(-50%);
left: 50%; left: 50%;
bottom: 0; bottom: 0;
-webkit-transition: .35s ease;
transition: .35s ease; transition: .35s ease;
} }
.a:hover:after, a:focus:after, a:active:after { .a:hover:after, a:focus:after, a:active:after {
@ -47,7 +44,6 @@
width: 32px; width: 32px;
cursor: pointer; cursor: pointer;
z-index: 100; z-index: 100;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease; transition: opacity .25s ease;
&:hover { &:hover {
opacity: .7; opacity: .7;
@ -60,7 +56,6 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease; transition: all .35s ease;
cursor: pointer; cursor: pointer;
} }
@ -70,12 +65,9 @@
span:nth-of-type(3) { span:nth-of-type(3) {
top: 16px; top: 16px;
} }
} }
.button_container.active .top { .button_container.active .top {
-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
-ms-transform: translateY(8px) translateX(0) rotate(45deg);
transform: translateY(8px) translateX(0) rotate(45deg); transform: translateY(8px) translateX(0) rotate(45deg);
background: $white; background: $white;
} }
@ -84,8 +76,6 @@
background: $white; background: $white;
} }
.button_container.active .bottom { .button_container.active .bottom {
-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
transform: translateY(-8px) translateX(0) rotate(-45deg); transform: translateY(-8px) translateX(0) rotate(-45deg);
background: $white; background: $white;
} }
@ -99,7 +89,6 @@
width: 32px; width: 32px;
cursor: pointer; cursor: pointer;
z-index: 100; z-index: 100;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease; transition: opacity .25s ease;
&:hover { &:hover {
opacity: .7; opacity: .7;
@ -112,7 +101,6 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease; transition: all .35s ease;
cursor: pointer; cursor: pointer;
} }
@ -126,8 +114,6 @@
} }
.button_container.active .top { .button_container.active .top {
-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
-ms-transform: translateY(8px) translateX(0) rotate(45deg);
transform: translateY(8px) translateX(0) rotate(45deg); transform: translateY(8px) translateX(0) rotate(45deg);
background: $blue; background: $blue;
} }
@ -136,8 +122,6 @@
background: $blue; background: $blue;
} }
.button_container.active .bottom { .button_container.active .bottom {
-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
transform: translateY(-8px) translateX(0) rotate(-45deg); transform: translateY(-8px) translateX(0) rotate(-45deg);
background: $blue; background: $blue;
} }
@ -151,7 +135,6 @@
height: 0%; height: 0%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden; overflow: hidden;
@ -167,8 +150,6 @@
position: relative; position: relative;
height: 70%; height: 70%;
top: 50%; top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
font-size: 36px; font-size: 36px;
font-weight: 200; font-weight: 200;
@ -220,36 +201,20 @@
visibility: visible; visibility: visible;
height: 100%; height: 100%;
li { li {
-webkit-animation: fadeInRight .5s ease forwards;
animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards;
-webkit-animation-delay: .35s;
animation-delay: .35s; animation-delay: .35s;
} }
li:nth-of-type(2) { li:nth-of-type(2) {
-webkit-animation-delay: .4s;
animation-delay: .4s; animation-delay: .4s;
} }
li:nth-of-type(3) { li:nth-of-type(3) {
-webkit-animation-delay: .45s;
animation-delay: .45s; animation-delay: .45s;
} }
li:nth-of-type(4) { li:nth-of-type(4) {
-webkit-animation-delay: .50s;
animation-delay: .50s; animation-delay: .50s;
} }
} }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight { @keyframes fadeInRight {
0% { 0% {
opacity: 0; opacity: 0;