compass 1.0.0.alpha.18 → 1.0.0.alpha.19
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.markdown +1 -1
- data/RELEASE_VERSION +1 -1
- data/VERSION +1 -1
- data/lib/compass/compiler.rb +7 -4
- data/lib/compass/configuration/serialization.rb +3 -3
- data/lib/compass/frameworks.rb +5 -1
- data/lib/compass/sass_extensions/functions/sprites.rb +3 -1
- data/lib/compass/watcher/project_watcher.rb +10 -4
- data/test/fixtures/stylesheets/compass/css/browser-support.css +31 -28
- data/test/fixtures/stylesheets/compass/css/filters.css +6 -6
- data/test/fixtures/stylesheets/compass/css/gradients.css +0 -30
- data/test/fixtures/stylesheets/compass/css/grid_background.css +0 -7
- data/test/fixtures/stylesheets/compass/css/sprites_with_explicit_separator.css +3 -0
- data/test/fixtures/stylesheets/compass/css/support.css +6 -6
- data/test/fixtures/stylesheets/compass/css/transform.css +0 -28
- data/test/fixtures/stylesheets/compass/css/units.css +4 -0
- data/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_ems.css +0 -1
- data/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_px.css +0 -1
- data/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_rems.css +0 -1
- data/test/fixtures/stylesheets/compass/sass/box_shadow.scss +2 -2
- data/test/fixtures/stylesheets/compass/sass/color.scss +7 -4
- data/test/fixtures/stylesheets/compass/sass/gradients.sass +8 -8
- data/test/fixtures/stylesheets/compass/sass/selection.scss +5 -2
- data/test/fixtures/stylesheets/compass/sass/sprites_with_explicit_separator.scss +4 -0
- data/test/fixtures/stylesheets/compass/sass/text_shadow.scss +7 -6
- data/test/fixtures/stylesheets/compass/sass/units.scss +5 -0
- data/test/fixtures/stylesheets/compass/sass/utilities.scss +3 -0
- data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_ems.scss +1 -1
- data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_px.scss +1 -1
- data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_rems.scss +1 -1
- data/test/units/caniuse_test.rb +66 -18
- data/test/units/configuration_test.rb +13 -3
- metadata +17 -13
- data/test/fixtures/stylesheets/compass/css/sprites.css +0 -1263
@@ -1,6 +1,5 @@
|
|
1
1
|
.baseline {
|
2
2
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
3
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
4
3
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
5
4
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
6
5
|
-moz-background-size: 100% 1.5em;
|
@@ -11,14 +10,12 @@
|
|
11
10
|
|
12
11
|
.columns {
|
13
12
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
14
|
-
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
15
13
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
16
14
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
17
15
|
background-position: left top; }
|
18
16
|
|
19
17
|
.combined {
|
20
18
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
21
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
22
19
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
23
20
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
|
24
21
|
-moz-background-size: 100% 1.5em, auto;
|
@@ -29,7 +26,6 @@
|
|
29
26
|
|
30
27
|
.percent-baseline {
|
31
28
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
32
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
33
29
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
34
30
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
35
31
|
-moz-background-size: 100% 1.5em;
|
@@ -40,14 +36,12 @@
|
|
40
36
|
|
41
37
|
.percent-columns {
|
42
38
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
43
|
-
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
44
39
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
45
40
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
46
41
|
background-position: left top; }
|
47
42
|
|
48
43
|
.percent-combined {
|
49
44
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
50
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
51
45
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
52
46
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to right, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
|
53
47
|
-moz-background-size: 100% 1.5em, auto;
|
@@ -58,7 +52,6 @@
|
|
58
52
|
|
59
53
|
.forced-fluid {
|
60
54
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
|
61
|
-
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
|
62
55
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
|
63
56
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
|
64
57
|
background-position: left top; }
|
@@ -20,7 +20,7 @@
|
|
20
20
|
15 Tests:
|
21
21
|
- 15 Passed
|
22
22
|
- 0 Failed */
|
23
|
-
/* Capability css-animation is prefixed with -moz because 0.
|
23
|
+
/* Capability css-animation is prefixed with -moz because 0.82852% of users need it which is more than the threshold of 0.1%. */
|
24
24
|
/* Creating new -moz context. */
|
25
25
|
@-moz-keyframes foo {
|
26
26
|
0% {
|
@@ -33,8 +33,8 @@
|
|
33
33
|
Not allowed in the current scope: ie 8 is incompatible with -moz. */
|
34
34
|
opacity: 1; } }
|
35
35
|
/* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
|
36
|
-
/* Capability css-animation is not prefixed with -o because 0.
|
37
|
-
/* Capability css-animation is prefixed with -webkit because
|
36
|
+
/* Capability css-animation is not prefixed with -o because 0.03013% of users are affected which is less than the threshold of 0.1. */
|
37
|
+
/* Capability css-animation is prefixed with -webkit because 54.08437% of users need it which is more than the threshold of 0.1%. */
|
38
38
|
/* Creating new -webkit context. */
|
39
39
|
@-webkit-keyframes foo {
|
40
40
|
0% {
|
@@ -57,12 +57,12 @@
|
|
57
57
|
Not allowed in the current scope: The current scope only works with ie 10 - 11. */
|
58
58
|
opacity: 1; } }
|
59
59
|
.foo {
|
60
|
-
/* Capability css-animation is prefixed with -moz because 0.
|
60
|
+
/* Capability css-animation is prefixed with -moz because 0.82852% of users need it which is more than the threshold of 0.1%. */
|
61
61
|
/* Creating new -moz context. */
|
62
62
|
-moz-animation: foo 1s;
|
63
63
|
/* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
|
64
|
-
/* Capability css-animation is not prefixed with -o because 0.
|
65
|
-
/* Capability css-animation is prefixed with -webkit because
|
64
|
+
/* Capability css-animation is not prefixed with -o because 0.03013% of users are affected which is less than the threshold of 0.1. */
|
65
|
+
/* Capability css-animation is prefixed with -webkit because 54.08437% of users need it which is more than the threshold of 0.1%. */
|
66
66
|
/* Creating new -webkit context. */
|
67
67
|
-webkit-animation: foo 1s;
|
68
68
|
animation: foo 1s; }
|
@@ -1,7 +1,6 @@
|
|
1
1
|
.apply-origin-2d {
|
2
2
|
-moz-transform-origin: 2px 5%;
|
3
3
|
-ms-transform-origin: 2px 5%;
|
4
|
-
-o-transform-origin: 2px 5%;
|
5
4
|
-webkit-transform-origin: 2px 5%;
|
6
5
|
transform-origin: 2px 5%; }
|
7
6
|
|
@@ -13,7 +12,6 @@
|
|
13
12
|
.transform-origin-2d {
|
14
13
|
-moz-transform-origin: 100px 100px;
|
15
14
|
-ms-transform-origin: 100px 100px;
|
16
|
-
-o-transform-origin: 100px 100px;
|
17
15
|
-webkit-transform-origin: 100px 100px;
|
18
16
|
transform-origin: 100px 100px; }
|
19
17
|
|
@@ -25,7 +23,6 @@
|
|
25
23
|
.transform-2d {
|
26
24
|
-moz-transform: rotateY(20deg);
|
27
25
|
-ms-transform: rotateY(20deg);
|
28
|
-
-o-transform: rotateY(20deg);
|
29
26
|
-webkit-transform: rotateY(20deg);
|
30
27
|
transform: rotateY(20deg); }
|
31
28
|
|
@@ -57,7 +54,6 @@
|
|
57
54
|
.scale {
|
58
55
|
-moz-transform: scale(30px, 50px);
|
59
56
|
-ms-transform: scale(30px, 50px);
|
60
|
-
-o-transform: scale(30px, 50px);
|
61
57
|
-webkit-transform: scale(30px, 50px);
|
62
58
|
transform: scale(30px, 50px); }
|
63
59
|
|
@@ -69,7 +65,6 @@
|
|
69
65
|
.scale-with-perspective {
|
70
66
|
-moz-transform: perspective(500) scale(30px, 50px);
|
71
67
|
-ms-transform: perspective(500) scale(30px, 50px);
|
72
|
-
-o-transform: perspective(500) scale(30px, 50px);
|
73
68
|
-webkit-transform: perspective(500) scale(30px, 50px);
|
74
69
|
transform: perspective(500) scale(30px, 50px); }
|
75
70
|
|
@@ -81,7 +76,6 @@
|
|
81
76
|
.scale-x {
|
82
77
|
-moz-transform: scaleX(30px);
|
83
78
|
-ms-transform: scaleX(30px);
|
84
|
-
-o-transform: scaleX(30px);
|
85
79
|
-webkit-transform: scaleX(30px);
|
86
80
|
transform: scaleX(30px); }
|
87
81
|
|
@@ -93,7 +87,6 @@
|
|
93
87
|
.scale-x-with-perspective {
|
94
88
|
-moz-transform: perspective(500) scaleX(30px);
|
95
89
|
-ms-transform: perspective(500) scaleX(30px);
|
96
|
-
-o-transform: perspective(500) scaleX(30px);
|
97
90
|
-webkit-transform: perspective(500) scaleX(30px);
|
98
91
|
transform: perspective(500) scaleX(30px); }
|
99
92
|
|
@@ -105,7 +98,6 @@
|
|
105
98
|
.scale-y {
|
106
99
|
-moz-transform: scaleY(50px);
|
107
100
|
-ms-transform: scaleY(50px);
|
108
|
-
-o-transform: scaleY(50px);
|
109
101
|
-webkit-transform: scaleY(50px);
|
110
102
|
transform: scaleY(50px); }
|
111
103
|
|
@@ -117,7 +109,6 @@
|
|
117
109
|
.scale-y-with-perspective {
|
118
110
|
-moz-transform: perspective(500) scaleY(50px);
|
119
111
|
-ms-transform: perspective(500) scaleY(50px);
|
120
|
-
-o-transform: perspective(500) scaleY(50px);
|
121
112
|
-webkit-transform: perspective(500) scaleY(50px);
|
122
113
|
transform: perspective(500) scaleY(50px); }
|
123
114
|
|
@@ -149,28 +140,24 @@
|
|
149
140
|
.rotate {
|
150
141
|
-moz-transform: perspective(500) rotate(25deg);
|
151
142
|
-ms-transform: perspective(500) rotate(25deg);
|
152
|
-
-o-transform: perspective(500) rotate(25deg);
|
153
143
|
-webkit-transform: perspective(500) rotate(25deg);
|
154
144
|
transform: perspective(500) rotate(25deg); }
|
155
145
|
|
156
146
|
.rotate-with-perspective {
|
157
147
|
-moz-transform: perspective(500) rotate(25deg);
|
158
148
|
-ms-transform: perspective(500) rotate(25deg);
|
159
|
-
-o-transform: perspective(500) rotate(25deg);
|
160
149
|
-webkit-transform: perspective(500) rotate(25deg);
|
161
150
|
transform: perspective(500) rotate(25deg); }
|
162
151
|
|
163
152
|
.rotate-z {
|
164
153
|
-moz-transform: rotate(25deg);
|
165
154
|
-ms-transform: rotate(25deg);
|
166
|
-
-o-transform: rotate(25deg);
|
167
155
|
-webkit-transform: rotate(25deg);
|
168
156
|
transform: rotate(25deg); }
|
169
157
|
|
170
158
|
.rotate-z-with-perspective {
|
171
159
|
-moz-transform: perspective(500) rotate(25deg);
|
172
160
|
-ms-transform: perspective(500) rotate(25deg);
|
173
|
-
-o-transform: perspective(500) rotate(25deg);
|
174
161
|
-webkit-transform: perspective(500) rotate(25deg);
|
175
162
|
transform: perspective(500) rotate(25deg); }
|
176
163
|
|
@@ -207,14 +194,12 @@
|
|
207
194
|
.translate {
|
208
195
|
-moz-transform: translate(20px, 30%);
|
209
196
|
-ms-transform: translate(20px, 30%);
|
210
|
-
-o-transform: translate(20px, 30%);
|
211
197
|
-webkit-transform: translate(20px, 30%);
|
212
198
|
transform: translate(20px, 30%); }
|
213
199
|
|
214
200
|
.translate-with-perspective {
|
215
201
|
-moz-transform: perspective(500) translate(20px, 30%);
|
216
202
|
-ms-transform: perspective(500) translate(20px, 30%);
|
217
|
-
-o-transform: perspective(500) translate(20px, 30%);
|
218
203
|
-webkit-transform: perspective(500) translate(20px, 30%);
|
219
204
|
transform: perspective(500) translate(20px, 30%); }
|
220
205
|
|
@@ -231,7 +216,6 @@
|
|
231
216
|
.translate-x {
|
232
217
|
-moz-transform: translateX(30px);
|
233
218
|
-ms-transform: translateX(30px);
|
234
|
-
-o-transform: translateX(30px);
|
235
219
|
-webkit-transform: translateX(30px);
|
236
220
|
transform: translateX(30px); }
|
237
221
|
|
@@ -243,7 +227,6 @@
|
|
243
227
|
.translate-x-with-perspective {
|
244
228
|
-moz-transform: perspective(500) translateX(30px);
|
245
229
|
-ms-transform: perspective(500) translateX(30px);
|
246
|
-
-o-transform: perspective(500) translateX(30px);
|
247
230
|
-webkit-transform: perspective(500) translateX(30px);
|
248
231
|
transform: perspective(500) translateX(30px); }
|
249
232
|
|
@@ -255,7 +238,6 @@
|
|
255
238
|
.translate-y {
|
256
239
|
-moz-transform: translateY(30px);
|
257
240
|
-ms-transform: translateY(30px);
|
258
|
-
-o-transform: translateY(30px);
|
259
241
|
-webkit-transform: translateY(30px);
|
260
242
|
transform: translateY(30px); }
|
261
243
|
|
@@ -267,7 +249,6 @@
|
|
267
249
|
.translate-y-with-perspective {
|
268
250
|
-moz-transform: perspective(500) translateY(30px);
|
269
251
|
-ms-transform: perspective(500) translateY(30px);
|
270
|
-
-o-transform: perspective(500) translateY(30px);
|
271
252
|
-webkit-transform: perspective(500) translateY(30px);
|
272
253
|
transform: perspective(500) translateY(30px); }
|
273
254
|
|
@@ -299,7 +280,6 @@
|
|
299
280
|
.skew {
|
300
281
|
-moz-transform: skew(20deg, 50deg);
|
301
282
|
-ms-transform: skew(20deg, 50deg);
|
302
|
-
-o-transform: skew(20deg, 50deg);
|
303
283
|
-webkit-transform: skew(20deg, 50deg);
|
304
284
|
transform: skew(20deg, 50deg); }
|
305
285
|
|
@@ -311,7 +291,6 @@
|
|
311
291
|
.skew-x {
|
312
292
|
-moz-transform: skewX(20deg);
|
313
293
|
-ms-transform: skewX(20deg);
|
314
|
-
-o-transform: skewX(20deg);
|
315
294
|
-webkit-transform: skewX(20deg);
|
316
295
|
transform: skewX(20deg); }
|
317
296
|
|
@@ -323,7 +302,6 @@
|
|
323
302
|
.skew-y {
|
324
303
|
-moz-transform: skewY(20deg);
|
325
304
|
-ms-transform: skewY(20deg);
|
326
|
-
-o-transform: skewY(20deg);
|
327
305
|
-webkit-transform: skewY(20deg);
|
328
306
|
transform: skewY(20deg); }
|
329
307
|
|
@@ -335,35 +313,29 @@
|
|
335
313
|
.create-transform-2d {
|
336
314
|
-moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
|
337
315
|
-ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
|
338
|
-
-o-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
|
339
316
|
-webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
|
340
317
|
transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
|
341
318
|
-moz-transform-origin: 50%;
|
342
319
|
-ms-transform-origin: 50%;
|
343
|
-
-o-transform-origin: 50%;
|
344
320
|
-webkit-transform-origin: 50%;
|
345
321
|
transform-origin: 50%; }
|
346
322
|
|
347
323
|
.create-transform-3d {
|
348
324
|
-moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
|
349
325
|
-ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
|
350
|
-
-o-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
|
351
326
|
-webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
|
352
327
|
transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
|
353
328
|
-moz-transform-origin: 50% 50%;
|
354
329
|
-ms-transform-origin: 50% 50%;
|
355
|
-
-o-transform-origin: 50% 50%;
|
356
330
|
-webkit-transform-origin: 50% 50%;
|
357
331
|
transform-origin: 50% 50%; }
|
358
332
|
|
359
333
|
.simple-transform {
|
360
334
|
-moz-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
|
361
335
|
-ms-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
|
362
|
-
-o-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
|
363
336
|
-webkit-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
|
364
337
|
transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
|
365
338
|
-moz-transform-origin: 10% 10%;
|
366
339
|
-ms-transform-origin: 10% 10%;
|
367
|
-
-o-transform-origin: 10% 10%;
|
368
340
|
-webkit-transform-origin: 10% 10%;
|
369
341
|
transform-origin: 10% 10%; }
|
@@ -5,7 +5,6 @@ html {
|
|
5
5
|
|
6
6
|
.container {
|
7
7
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
8
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
9
8
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
10
9
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
11
10
|
-moz-background-size: 100% 1.4em;
|
@@ -5,7 +5,6 @@ html {
|
|
5
5
|
|
6
6
|
.container {
|
7
7
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
8
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
9
8
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
10
9
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
11
10
|
-moz-background-size: 100% 25px;
|
@@ -5,7 +5,6 @@ html {
|
|
5
5
|
|
6
6
|
.container {
|
7
7
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
8
|
-
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
9
8
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
10
9
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
|
11
10
|
-moz-background-size: 100% 1.4rem;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
@import "compass/css3/box-shadow";
|
2
2
|
|
3
3
|
.no-box-shadow { @include box-shadow(none); }
|
4
|
-
.box-shadow { @include box-shadow(default, 2px 2px 5px #
|
4
|
+
.box-shadow { @include box-shadow(default, 2px 2px 5px #222222);}
|
5
5
|
.single-box-shadow { @include single-box-shadow;}
|
6
|
-
.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #
|
6
|
+
.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222222);}
|
7
7
|
.legacy-single-box-shadow { @include single-box-shadow(blue);}
|
@@ -1,3 +1,6 @@
|
|
1
|
+
$contrasted-dark-default: black;
|
2
|
+
$contrasted-light-default: white;
|
3
|
+
|
1
4
|
@import "compass/utilities/color";
|
2
5
|
|
3
6
|
.handles-null {
|
@@ -6,17 +9,17 @@
|
|
6
9
|
}
|
7
10
|
|
8
11
|
.contrasts-light {
|
9
|
-
@include contrasted(#
|
12
|
+
@include contrasted(#eeeeee);
|
10
13
|
}
|
11
14
|
|
12
15
|
.contrasts-dark {
|
13
|
-
@include contrasted(#
|
16
|
+
@include contrasted(#222222);
|
14
17
|
}
|
15
18
|
|
16
19
|
.contrasts-light-with-contrast-color-override {
|
17
|
-
@include contrasted(#
|
20
|
+
@include contrasted(#eeeeee, $dark: red);
|
18
21
|
}
|
19
22
|
|
20
23
|
.contrasts-dark-with-contrast-color-override {
|
21
|
-
@include contrasted(#
|
24
|
+
@include contrasted(#222222, $light: yellow);
|
22
25
|
}
|
@@ -3,13 +3,13 @@
|
|
3
3
|
$svg-gradient-shim-threshold: 0
|
4
4
|
|
5
5
|
.bg-shortcut-simple-image
|
6
|
-
+background(
|
6
|
+
+background(white url('foo.png'))
|
7
7
|
|
8
8
|
.bg-shortcut-linear-gradient
|
9
|
-
+background(
|
9
|
+
+background(white linear-gradient(top left, #ddd, #aaa))
|
10
10
|
|
11
11
|
.bg-shortcut-radial-gradient
|
12
|
-
+background(
|
12
|
+
+background(white radial-gradient(center center, #ddd, #aaa 100px))
|
13
13
|
|
14
14
|
.bg-linear-gradient-angle-svg
|
15
15
|
+background-image(linear-gradient(-45deg, blue, black))
|
@@ -33,13 +33,13 @@ $svg-gradient-shim-threshold: 0
|
|
33
33
|
+background-image(linear-gradient(left, #ddd 10px, #aaa 40px))
|
34
34
|
|
35
35
|
.transparent-in-linear-gradient
|
36
|
-
+background-image(
|
36
|
+
+background-image(white linear-gradient(top left, transparent, #aaa))
|
37
37
|
|
38
38
|
.currentColor-in-linear-gradient
|
39
|
-
+background-image(
|
39
|
+
+background-image(white linear-gradient(top left, transparent, currentColor))
|
40
40
|
|
41
41
|
.rgba-in-linear-gradient
|
42
|
-
+background-image(
|
42
|
+
+background-image(white linear-gradient(top left, rgba(255,255,255,0.8), rgba(0,0,0,0.1)))
|
43
43
|
|
44
44
|
.bg-radial-gradient
|
45
45
|
+background-image(radial-gradient(center center, #ddd, transparent 100px))
|
@@ -87,7 +87,7 @@ $svg-gradient-shim-threshold: 10
|
|
87
87
|
+background-image(radial-gradient(#ddd, #aaa 100px))
|
88
88
|
|
89
89
|
.image-fallback
|
90
|
-
+background-image(image(radial-gradient(#ddd, #aaa 100px), image-url("4x6.png"), #
|
90
|
+
+background-image(image(radial-gradient(#ddd, #aaa 100px), image-url("4x6.png"), #cc0000))
|
91
91
|
|
92
92
|
.cross-fade
|
93
93
|
+background-image(cross-fade(radial-gradient(#ddd, #aaa 100px), image-url("4x6.png")))
|
@@ -102,7 +102,7 @@ $svg-gradient-shim-threshold: 10
|
|
102
102
|
+filter-gradient(white, black, vertical)
|
103
103
|
|
104
104
|
.ie-alpha-filter
|
105
|
-
+filter-gradient(rgba(
|
105
|
+
+filter-gradient(rgba(white, 1), rgba(white, 0))
|
106
106
|
|
107
107
|
.linear-gradient-new
|
108
108
|
+background(linear-gradient(to bottom, #ff0000 0%, #88aa44 100%))
|
@@ -1,3 +1,6 @@
|
|
1
|
+
$contrasted-dark-default: black;
|
2
|
+
$contrasted-light-default: white;
|
3
|
+
|
1
4
|
@import "compass/css3/selection";
|
2
5
|
|
3
6
|
* {
|
@@ -15,11 +18,11 @@
|
|
15
18
|
}
|
16
19
|
|
17
20
|
.hot-pink-with-arguments {
|
18
|
-
@include selection(#fe57a1,
|
21
|
+
@include selection(#fe57a1, white);
|
19
22
|
}
|
20
23
|
|
21
24
|
.hot-pink-with-arguments-and-extra-stuff {
|
22
|
-
@include selection(#fe57a1,
|
25
|
+
@include selection(#fe57a1, white) {
|
23
26
|
text-decoration: line-through;
|
24
27
|
}
|
25
28
|
}
|