root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Removing deprecated bourbon mixins and old prefixing as a result

Browse Source
This commit is contained in:
Jeff Avallone 2017-07-29 17:01:20 -04:00
parent ce8093d710
commit 3dbdd2dadd
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/sass/main.scss
View File

@ -57,7 +57,8 @@ ul.inline-list {
} }
#deprecation-notice { #deprecation-notice {
@include linear-gradient(top, $green, $dark-green); background: $green;
background: linear-gradient(to bottom, $green 0%, $dark-green 100%);
padding: rhythm(1); padding: rhythm(1);
margin: rhythm(1); margin: rhythm(1);
@include box-shadow; @include box-shadow;
@ -73,7 +74,8 @@ ul.inline-list {
} }
header { header {
@include linear-gradient(top, $green, $dark-green); background: $green;
background: linear-gradient(to bottom, $green 0%, $dark-green 100%);
padding: rhythm(1); padding: rhythm(1);
@include box-shadow; @include box-shadow;
@include clearfix; @include clearfix;
@ -260,7 +262,8 @@ header {
@include adjust-font-size-to($base-font-size); @include adjust-font-size-to($base-font-size);
width: 100px; width: 100px;
border: 0 none; border: 0 none;
@include linear-gradient(top, $green, $dark-green); background: $green;
background: linear-gradient(to bottom, $green 0%, $dark-green 100%);
float: left; float: left;
cursor: pointer; cursor: pointer;
} }
@ -299,16 +302,16 @@ header {
margin: rhythm(1) auto; margin: rhythm(1) auto;
div { div {
@include linear-gradient(-45deg, $green 25%, $light-green 25%, $light-green 50%, $green 50%, $green 75%, $light-green 75%, $light-green 100%); background: $green;
background: linear-gradient(135deg, $green 25%, $light-green 25%, $light-green 50%, $green 50%, $green 75%, $light-green 75%, $light-green 100%);
background-size: rhythm(2) rhythm(2); background-size: rhythm(2) rhythm(2);
background-repeat: repeat-x; background-repeat: repeat-x;
height: 100%; height: 100%;
animation: progress 1s infinite linear
@include animation(progress 1.0s infinite linear);
} }
} }
@include keyframes(progress) { @keyframes progress {
0% { background-position-x: rhythm(2); } 0% { background-position-x: rhythm(2); }
100% { background-position-x: 0; } 100% { background-position-x: 0; }
} }