joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-26 23:06:09 +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
cache: false
autoprefixer:
browsers:
- last 2 versions
gems:
- jekyll-paginate
- jekyll-autoprefixer
collections:
components: # style guide

2
_sass/_footer.scss
View file

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

2
_sass/_forms.scss
View file

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

2
_sass/_grid.scss
View file

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

2
_sass/_junk-drawer.scss
View file

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

35
_sass/_overlay-menu.scss
View file

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