Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Design updates to example page. #36

Merged
merged 3 commits into from

2 participants

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Nov 12, 2012
  1. @benwhitla @kaishin

    Example page layout and style tweaks.

    benwhitla authored kaishin committed
  2. @benwhitla @kaishin

    Design updates to example page.

    benwhitla authored kaishin committed
  3. @kaishin
This page is out of date. Refresh to see the latest.
View
63 _sass/desktop-example.scss
@@ -13,7 +13,7 @@ section {
}
div {
- height: $body-line-height*5;
+ height: $body-line-height*4;
line-height: $body-line-height;
text-align: left;
padding: 1em;
@@ -27,20 +27,56 @@ section {
}
&.first {
- div#alpha, div#zeta {
+ div#alpha {
+ @include span-columns(1);
+ }
+
+ div#beta {
+ @include span-columns(11);
+ }
+
+ div#gamma {
+ @include span-columns(2);
+ }
+
+ div#delta {
+ @include span-columns(10);
+ }
+
+ div#epsilon {
+ @include span-columns(3);
+ }
+
+ div#zeta {
+ @include span-columns(9);
+ }
+
+ div#eta {
@include span-columns(4);
}
- div#beta, div#epsilon {
+ div#theta {
@include span-columns(8);
}
- div#gamma, div#delta {
+ div#iota {
+ @include span-columns(5);
+ }
+
+ div#kappa {
+ @include span-columns(7);
+ }
+
+ div#lambda {
@include span-columns(6);
}
- div#beta, div#delta {
- @include omega();
+ div#mu {
+ @include span-columns(6);
+ }
+
+ div#beta, div#delta, div#zeta, div#theta, div#kappa, div#mu {
+ @include omega;
}
}
@@ -60,6 +96,7 @@ section {
aside {
@include span-columns(4 of 8);
+ border: none;
height: 84%;
padding: 1em;
}
@@ -75,20 +112,21 @@ section {
&.third {
div#dummy {
+ border-bottom: 0;
height: 5.5em;
text-align: center;
- border-bottom: 0;
- background-color: #ddd;
}
div#alpha {
@include span-columns(12);
@include row(table);
+ margin-bottom: 0;
padding: 0;
aside {
@include span-columns(4, table);
@include pad();
+ border-right: 1px solid rgba(255,255,255, 0.5);
}
article {
@@ -117,13 +155,10 @@ section {
}
&.fifth {
- & > code {
- margin-bottom: -1.5em;
- }
-
div.box {
font-size: 0.78em;
- margin-top: 2em;
+ height: 8em;
+ // margin-top: 2em;
@include span-columns(3);
@include nth-omega(4n);
}
@@ -132,6 +167,6 @@ section {
div.code {
@include outer-container();
+ padding:0.5em;
text-align: center;
- padding-bottom: 0;
}
View
44 _sass/mobile-example.scss
@@ -1,13 +1,19 @@
@import "bourbon/bourbon";
@import "variables";
$visual-grid: true;
-$visual-grid-color: #eee;
+$visual-grid-color: #e6f6ff;
$visual-grid-opacity: 0.4;
+$ltblue: #D5EEFB;
+$midblue: #AADBF5;
+$dkblue: #41A8DF;
+$dkerblue: #298EC3;
+$textblue: #072f44;
@import "neat/neat";
@import "typography";
@import "reset";
body {
+ color: $textblue;
line-height: $body-line-height;
text-align: center;
}
@@ -21,7 +27,7 @@ pre {
}
header {
- background-color: #000;
+ background-color: $dkerblue;
@include clearfix();
padding: 0.5em 1em;
text-align: center;
@@ -37,14 +43,14 @@ header {
}
section {
- background-color: #eee;
+ background-color: $ltblue;
text-align: center;
- line-height: $body-line-height*2;
+ line-height: $body-line-height*1.5;
div {
- border-bottom: 1px solid #bbb;
- background-color: #ddd;
+ background-color: $midblue;
font-size: 0.8em;
+ margin-bottom: 2em;
}
&.first {
@@ -58,23 +64,29 @@ section {
&.second {
div#beta {
aside, article {
- background-color: #BBB;
+ background-color: $dkblue;
+ }
+
+ aside {
+ border-bottom: 1px solid $dkerblue;
}
}
}
&.third {
div#dummy {
- background-color: #ddd;
+ background-color: $midblue;
+ margin-bottom: 0;
}
div#alpha {
aside {
- background-color: #eee;
+ background-color: $dkblue;
+ border-bottom: 1px solid $dkerblue;
}
article {
- background-color: #FFF;
+ background-color: $dkblue;
}
}
}
@@ -116,10 +128,10 @@ section {
}
div.code {
- background-color: #eee;
+ background-color: $ltblue;
text-align: center;
- padding-top: 1em;
- padding-bottom: 1em;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
}
footer {
@@ -129,12 +141,12 @@ footer {
a.back-button {
text-decoration: none;
- color: #555;
+ color: white;
padding: 0.5em 1em;
- background-color: #eee;
+ background-color: $dkerblue;
&:hover {
- background-color: #ddd;
+ background-color: $textblue;
}
}
}
View
150 css/desktop-example.css
@@ -29,7 +29,7 @@ section {
display: block; }
/* line 15, ../_sass/desktop-example.scss */
section div {
- height: 8.09em;
+ height: 6.472em;
line-height: 1.618em;
text-align: left;
padding: 1em; }
@@ -44,39 +44,120 @@ section {
section.zero div:last-child {
margin-right: 0; }
/* line 30, ../_sass/desktop-example.scss */
- section.first div#alpha, section.first div#zeta {
+ section.first div#alpha {
display: block;
float: left;
margin-right: 2.35765%;
- width: 31.76157%; }
+ width: 6.17215%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#alpha:last-child, section.first div#zeta:last-child {
+ section.first div#alpha:last-child {
margin-right: 0; }
/* line 34, ../_sass/desktop-example.scss */
- section.first div#beta, section.first div#epsilon {
+ section.first div#beta {
display: block;
float: left;
margin-right: 2.35765%;
- width: 65.88078%; }
+ width: 91.4702%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#beta:last-child, section.first div#epsilon:last-child {
+ section.first div#beta:last-child {
margin-right: 0; }
/* line 38, ../_sass/desktop-example.scss */
- section.first div#gamma, section.first div#delta {
+ section.first div#gamma {
display: block;
float: left;
margin-right: 2.35765%;
- width: 48.82117%; }
+ width: 14.70196%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#gamma:last-child, section.first div#delta:last-child {
+ section.first div#gamma:last-child {
margin-right: 0; }
/* line 42, ../_sass/desktop-example.scss */
- section.first div#beta, section.first div#delta {
+ section.first div#delta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 82.94039%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#delta:last-child {
+ margin-right: 0; }
+ /* line 46, ../_sass/desktop-example.scss */
+ section.first div#epsilon {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 23.23176%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#epsilon:last-child {
+ margin-right: 0; }
+ /* line 50, ../_sass/desktop-example.scss */
+ section.first div#zeta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 74.41059%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#zeta:last-child {
+ margin-right: 0; }
+ /* line 54, ../_sass/desktop-example.scss */
+ section.first div#eta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 31.76157%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#eta:last-child {
+ margin-right: 0; }
+ /* line 58, ../_sass/desktop-example.scss */
+ section.first div#theta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 65.88078%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#theta:last-child {
+ margin-right: 0; }
+ /* line 62, ../_sass/desktop-example.scss */
+ section.first div#iota {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 40.29137%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#iota:last-child {
+ margin-right: 0; }
+ /* line 66, ../_sass/desktop-example.scss */
+ section.first div#kappa {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 57.35098%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#kappa:last-child {
+ margin-right: 0; }
+ /* line 70, ../_sass/desktop-example.scss */
+ section.first div#lambda {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 48.82117%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#lambda:last-child {
+ margin-right: 0; }
+ /* line 74, ../_sass/desktop-example.scss */
+ section.first div#mu {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 48.82117%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#mu:last-child {
+ margin-right: 0; }
+ /* line 78, ../_sass/desktop-example.scss */
+ section.first div#beta, section.first div#delta, section.first div#zeta, section.first div#theta, section.first div#kappa, section.first div#mu {
margin-right: 0; }
- /* line 48, ../_sass/desktop-example.scss */
+ /* line 84, ../_sass/desktop-example.scss */
section.second div {
height: 20em; }
- /* line 51, ../_sass/desktop-example.scss */
+ /* line 87, ../_sass/desktop-example.scss */
section.second div#alpha {
display: block;
float: left;
@@ -85,7 +166,7 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#alpha:last-child {
margin-right: 0; }
- /* line 55, ../_sass/desktop-example.scss */
+ /* line 91, ../_sass/desktop-example.scss */
section.second div#beta {
padding: 0;
line-height: 3.236em;
@@ -97,18 +178,19 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta:last-child {
margin-right: 0; }
- /* line 61, ../_sass/desktop-example.scss */
+ /* line 97, ../_sass/desktop-example.scss */
section.second div#beta aside {
display: block;
float: left;
margin-right: 3.57866%;
width: 48.21067%;
+ border: none;
height: 84%;
padding: 1em; }
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta aside:last-child {
margin-right: 0; }
- /* line 67, ../_sass/desktop-example.scss */
+ /* line 104, ../_sass/desktop-example.scss */
section.second div#beta article {
display: block;
float: left;
@@ -119,13 +201,12 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta article:last-child {
margin-right: 0; }
- /* line 77, ../_sass/desktop-example.scss */
+ /* line 114, ../_sass/desktop-example.scss */
section.third div#dummy {
- height: 5.5em;
- text-align: center;
border-bottom: 0;
- background-color: #ddd; }
- /* line 84, ../_sass/desktop-example.scss */
+ height: 5.5em;
+ text-align: center; }
+ /* line 120, ../_sass/desktop-example.scss */
section.third div#alpha {
display: block;
float: left;
@@ -133,6 +214,7 @@ section {
width: 100%;
zoom: 1;
display: table;
+ margin-bottom: 0;
padding: 0; }
/* line 62, ../_sass/neat/grid/_grid.scss */
section.third div#alpha:last-child {
@@ -144,16 +226,17 @@ section {
/* line 23, ../_sass/bourbon/addons/_clearfix.scss */
section.third div#alpha:after {
clear: both; }
- /* line 89, ../_sass/desktop-example.scss */
+ /* line 126, ../_sass/desktop-example.scss */
section.third div#alpha aside {
display: table-cell;
padding-right: 2.35765%;
width: 34.11922%;
- padding: 2.35765%; }
+ padding: 2.35765%;
+ border-right: 1px solid rgba(255, 255, 255, 0.5); }
/* line 41, ../_sass/neat/grid/_grid.scss */
section.third div#alpha aside:last-child {
padding-right: 0; }
- /* line 94, ../_sass/desktop-example.scss */
+ /* line 132, ../_sass/desktop-example.scss */
section.third div#alpha article {
height: 20em;
display: table-cell;
@@ -163,7 +246,7 @@ section {
/* line 41, ../_sass/neat/grid/_grid.scss */
section.third div#alpha article:last-child {
padding-right: 0; }
- /* line 103, ../_sass/desktop-example.scss */
+ /* line 141, ../_sass/desktop-example.scss */
section.fourth div.one-column {
display: block;
float: left;
@@ -172,10 +255,10 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.fourth div.one-column:last-child {
margin-right: 0; }
- /* line 106, ../_sass/desktop-example.scss */
+ /* line 144, ../_sass/desktop-example.scss */
section.fourth div.one-column.last {
margin-right: 0; }
- /* line 111, ../_sass/desktop-example.scss */
+ /* line 149, ../_sass/desktop-example.scss */
section.fourth div#alpha {
display: block;
float: left;
@@ -187,13 +270,10 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.fourth div#alpha:last-child {
margin-right: 0; }
- /* line 120, ../_sass/desktop-example.scss */
- section.fifth > code {
- margin-bottom: -1.5em; }
- /* line 124, ../_sass/desktop-example.scss */
+ /* line 158, ../_sass/desktop-example.scss */
section.fifth div.box {
font-size: 0.78em;
- margin-top: 2em;
+ height: 8em;
display: block;
float: left;
margin-right: 2.35765%;
@@ -205,14 +285,14 @@ section {
section.fifth div.box:nth-child(4n) {
margin-right: 0; }
-/* line 133, ../_sass/desktop-example.scss */
+/* line 168, ../_sass/desktop-example.scss */
div.code {
zoom: 1;
max-width: 64em;
margin-left: auto;
margin-right: auto;
- text-align: center;
- padding-bottom: 0; }
+ padding: 0.5em;
+ text-align: center; }
/* line 18, ../_sass/bourbon/addons/_clearfix.scss */
div.code:before, div.code:after {
content: "";
View
282 css/ie-example.css
@@ -8,12 +8,12 @@
body:before {
content: '';
display: inline-block;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
height: 100%;
left: 0;
margin: 0 auto;
@@ -26,12 +26,12 @@ body:before {
@media screen and (max-width: 500px) {
/* line 11, ../_sass/neat/grid/_visual-grid.scss */
body:before {
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
/* line 5, ../_sass/_typography.scss */
body {
@@ -235,22 +235,23 @@ table {
border-collapse: collapse;
border-spacing: 0; }
-/* line 10, ../_sass/mobile-example.scss */
+/* line 15, ../_sass/mobile-example.scss */
body {
+ color: #072f44;
line-height: 1.618em;
text-align: center; }
-/* line 15, ../_sass/mobile-example.scss */
+/* line 21, ../_sass/mobile-example.scss */
h3 {
margin: 1em; }
-/* line 19, ../_sass/mobile-example.scss */
+/* line 25, ../_sass/mobile-example.scss */
pre {
line-height: 1.6em; }
-/* line 23, ../_sass/mobile-example.scss */
+/* line 29, ../_sass/mobile-example.scss */
header {
- background-color: #000;
+ background-color: #298ec3;
zoom: 1;
padding: 0.5em 1em;
text-align: center; }
@@ -261,7 +262,7 @@ header {
/* line 23, ../_sass/bourbon/addons/_clearfix.scss */
header:after {
clear: both; }
- /* line 29, ../_sass/mobile-example.scss */
+ /* line 35, ../_sass/mobile-example.scss */
header h1 {
color: #fff;
font-weight: normal;
@@ -270,46 +271,51 @@ header {
font-family: "helvetica Neue", "Helvetica", sans-serif;
font-weight: 100; }
-/* line 39, ../_sass/mobile-example.scss */
+/* line 45, ../_sass/mobile-example.scss */
section {
- background-color: #eee;
+ background-color: #d5eefb;
text-align: center;
- line-height: 3.236em; }
- /* line 44, ../_sass/mobile-example.scss */
+ line-height: 2.427em; }
+ /* line 50, ../_sass/mobile-example.scss */
section div {
- border-bottom: 1px solid #bbb;
- background-color: #ddd;
- font-size: 0.8em; }
- /* line 52, ../_sass/mobile-example.scss */
+ background-color: #aadbf5;
+ font-size: 0.8em;
+ margin-bottom: 2em; }
+ /* line 58, ../_sass/mobile-example.scss */
section.first div#gamma aside, section.first div#gamma article {
background-color: #FFF; }
- /* line 60, ../_sass/mobile-example.scss */
+ /* line 66, ../_sass/mobile-example.scss */
section.second div#beta aside, section.second div#beta article {
- background-color: #BBB; }
- /* line 67, ../_sass/mobile-example.scss */
+ background-color: #41a8df; }
+ /* line 70, ../_sass/mobile-example.scss */
+ section.second div#beta aside {
+ border-bottom: 1px solid #298ec3; }
+ /* line 77, ../_sass/mobile-example.scss */
section.third div#dummy {
- background-color: #ddd; }
- /* line 72, ../_sass/mobile-example.scss */
+ background-color: #aadbf5;
+ margin-bottom: 0; }
+ /* line 83, ../_sass/mobile-example.scss */
section.third div#alpha aside {
- background-color: #eee; }
- /* line 76, ../_sass/mobile-example.scss */
+ background-color: #41a8df;
+ border-bottom: 1px solid #298ec3; }
+ /* line 88, ../_sass/mobile-example.scss */
section.third div#alpha article {
- background-color: #FFF; }
- /* line 84, ../_sass/mobile-example.scss */
+ background-color: #41a8df; }
+ /* line 96, ../_sass/mobile-example.scss */
section.sixth > pre {
padding: 10px 0; }
@media screen and (max-width: 500px) {
- /* line 82, ../_sass/mobile-example.scss */
+ /* line 94, ../_sass/mobile-example.scss */
section.sixth {
font-size: 0.9em;
line-height: 1.5em; } }
- /* line 93, ../_sass/mobile-example.scss */
+ /* line 105, ../_sass/mobile-example.scss */
section.sixth div {
line-height: 2em;
min-height: 20em;
text-align: left;
padding: 1em; }
- /* line 100, ../_sass/mobile-example.scss */
+ /* line 112, ../_sass/mobile-example.scss */
section.sixth div#alpha {
display: block;
float: left;
@@ -319,7 +325,7 @@ section {
section.sixth div#alpha:last-child {
margin-right: 0; }
@media screen and (max-width: 500px) {
- /* line 100, ../_sass/mobile-example.scss */
+ /* line 112, ../_sass/mobile-example.scss */
section.sixth div#alpha {
display: block;
float: left;
@@ -328,7 +334,7 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.sixth div#alpha:last-child {
margin-right: 0; } }
- /* line 108, ../_sass/mobile-example.scss */
+ /* line 120, ../_sass/mobile-example.scss */
section.sixth div#beta {
display: block;
float: left;
@@ -338,7 +344,7 @@ section {
section.sixth div#beta:last-child {
margin-right: 0; }
@media screen and (max-width: 500px) {
- /* line 108, ../_sass/mobile-example.scss */
+ /* line 120, ../_sass/mobile-example.scss */
section.sixth div#beta {
display: block;
float: left;
@@ -348,27 +354,27 @@ section {
section.sixth div#beta:last-child {
margin-right: 0; } }
-/* line 118, ../_sass/mobile-example.scss */
+/* line 130, ../_sass/mobile-example.scss */
div.code {
- background-color: #eee;
+ background-color: #d5eefb;
text-align: center;
- padding-top: 1em;
- padding-bottom: 1em; }
+ padding-top: 0.5em;
+ padding-bottom: 0.5em; }
-/* line 125, ../_sass/mobile-example.scss */
+/* line 137, ../_sass/mobile-example.scss */
footer {
padding: 2em;
display: block;
clear: both; }
- /* line 130, ../_sass/mobile-example.scss */
+ /* line 142, ../_sass/mobile-example.scss */
footer a.back-button {
text-decoration: none;
- color: #555;
+ color: white;
padding: 0.5em 1em;
- background-color: #eee; }
- /* line 136, ../_sass/mobile-example.scss */
+ background-color: #298ec3; }
+ /* line 148, ../_sass/mobile-example.scss */
footer a.back-button:hover {
- background-color: #ddd; }
+ background-color: #072f44; }
/* line 2, ../_sass/neat/grid/_grid.scss */
* {
@@ -380,12 +386,12 @@ footer {
body:before {
content: '';
display: inline-block;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
height: 100%;
left: 0;
margin: 0 auto;
@@ -398,12 +404,12 @@ body:before {
@media screen and (max-width: 500px) {
/* line 11, ../_sass/neat/grid/_visual-grid.scss */
body:before {
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
/* line 5, ../_sass/_typography.scss */
body {
@@ -430,7 +436,7 @@ section {
display: block; }
/* line 15, ../_sass/desktop-example.scss */
section div {
- height: 8.09em;
+ height: 6.472em;
line-height: 1.618em;
text-align: left;
padding: 1em; }
@@ -445,39 +451,120 @@ section {
section.zero div:last-child {
margin-right: 0; }
/* line 30, ../_sass/desktop-example.scss */
- section.first div#alpha, section.first div#zeta {
+ section.first div#alpha {
display: block;
float: left;
margin-right: 2.35765%;
- width: 31.76157%; }
+ width: 6.17215%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#alpha:last-child, section.first div#zeta:last-child {
+ section.first div#alpha:last-child {
margin-right: 0; }
/* line 34, ../_sass/desktop-example.scss */
- section.first div#beta, section.first div#epsilon {
+ section.first div#beta {
display: block;
float: left;
margin-right: 2.35765%;
- width: 65.88078%; }
+ width: 91.4702%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#beta:last-child, section.first div#epsilon:last-child {
+ section.first div#beta:last-child {
margin-right: 0; }
/* line 38, ../_sass/desktop-example.scss */
- section.first div#gamma, section.first div#delta {
+ section.first div#gamma {
display: block;
float: left;
margin-right: 2.35765%;
- width: 48.82117%; }
+ width: 14.70196%; }
/* line 62, ../_sass/neat/grid/_grid.scss */
- section.first div#gamma:last-child, section.first div#delta:last-child {
+ section.first div#gamma:last-child {
margin-right: 0; }
/* line 42, ../_sass/desktop-example.scss */
- section.first div#beta, section.first div#delta {
+ section.first div#delta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 82.94039%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#delta:last-child {
+ margin-right: 0; }
+ /* line 46, ../_sass/desktop-example.scss */
+ section.first div#epsilon {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 23.23176%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#epsilon:last-child {
+ margin-right: 0; }
+ /* line 50, ../_sass/desktop-example.scss */
+ section.first div#zeta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 74.41059%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#zeta:last-child {
+ margin-right: 0; }
+ /* line 54, ../_sass/desktop-example.scss */
+ section.first div#eta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 31.76157%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#eta:last-child {
+ margin-right: 0; }
+ /* line 58, ../_sass/desktop-example.scss */
+ section.first div#theta {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 65.88078%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#theta:last-child {
+ margin-right: 0; }
+ /* line 62, ../_sass/desktop-example.scss */
+ section.first div#iota {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 40.29137%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#iota:last-child {
+ margin-right: 0; }
+ /* line 66, ../_sass/desktop-example.scss */
+ section.first div#kappa {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 57.35098%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#kappa:last-child {
+ margin-right: 0; }
+ /* line 70, ../_sass/desktop-example.scss */
+ section.first div#lambda {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 48.82117%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#lambda:last-child {
+ margin-right: 0; }
+ /* line 74, ../_sass/desktop-example.scss */
+ section.first div#mu {
+ display: block;
+ float: left;
+ margin-right: 2.35765%;
+ width: 48.82117%; }
+ /* line 62, ../_sass/neat/grid/_grid.scss */
+ section.first div#mu:last-child {
+ margin-right: 0; }
+ /* line 78, ../_sass/desktop-example.scss */
+ section.first div#beta, section.first div#delta, section.first div#zeta, section.first div#theta, section.first div#kappa, section.first div#mu {
margin-right: 0; }
- /* line 48, ../_sass/desktop-example.scss */
+ /* line 84, ../_sass/desktop-example.scss */
section.second div {
height: 20em; }
- /* line 51, ../_sass/desktop-example.scss */
+ /* line 87, ../_sass/desktop-example.scss */
section.second div#alpha {
display: block;
float: left;
@@ -486,7 +573,7 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#alpha:last-child {
margin-right: 0; }
- /* line 55, ../_sass/desktop-example.scss */
+ /* line 91, ../_sass/desktop-example.scss */
section.second div#beta {
padding: 0;
line-height: 3.236em;
@@ -498,18 +585,19 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta:last-child {
margin-right: 0; }
- /* line 61, ../_sass/desktop-example.scss */
+ /* line 97, ../_sass/desktop-example.scss */
section.second div#beta aside {
display: block;
float: left;
margin-right: 3.57866%;
width: 48.21067%;
+ border: none;
height: 84%;
padding: 1em; }
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta aside:last-child {
margin-right: 0; }
- /* line 67, ../_sass/desktop-example.scss */
+ /* line 104, ../_sass/desktop-example.scss */
section.second div#beta article {
display: block;
float: left;
@@ -520,13 +608,12 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.second div#beta article:last-child {
margin-right: 0; }
- /* line 77, ../_sass/desktop-example.scss */
+ /* line 114, ../_sass/desktop-example.scss */
section.third div#dummy {
- height: 5.5em;
- text-align: center;
border-bottom: 0;
- background-color: #ddd; }
- /* line 84, ../_sass/desktop-example.scss */
+ height: 5.5em;
+ text-align: center; }
+ /* line 120, ../_sass/desktop-example.scss */
section.third div#alpha {
display: block;
float: left;
@@ -534,6 +621,7 @@ section {
width: 100%;
zoom: 1;
display: table;
+ margin-bottom: 0;
padding: 0; }
/* line 62, ../_sass/neat/grid/_grid.scss */
section.third div#alpha:last-child {
@@ -545,16 +633,17 @@ section {
/* line 23, ../_sass/bourbon/addons/_clearfix.scss */
section.third div#alpha:after {
clear: both; }
- /* line 89, ../_sass/desktop-example.scss */
+ /* line 126, ../_sass/desktop-example.scss */
section.third div#alpha aside {
display: table-cell;
padding-right: 2.35765%;
width: 34.11922%;
- padding: 2.35765%; }
+ padding: 2.35765%;
+ border-right: 1px solid rgba(255, 255, 255, 0.5); }
/* line 41, ../_sass/neat/grid/_grid.scss */
section.third div#alpha aside:last-child {
padding-right: 0; }
- /* line 94, ../_sass/desktop-example.scss */
+ /* line 132, ../_sass/desktop-example.scss */
section.third div#alpha article {
height: 20em;
display: table-cell;
@@ -564,7 +653,7 @@ section {
/* line 41, ../_sass/neat/grid/_grid.scss */
section.third div#alpha article:last-child {
padding-right: 0; }
- /* line 103, ../_sass/desktop-example.scss */
+ /* line 141, ../_sass/desktop-example.scss */
section.fourth div.one-column {
display: block;
float: left;
@@ -573,10 +662,10 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.fourth div.one-column:last-child {
margin-right: 0; }
- /* line 106, ../_sass/desktop-example.scss */
+ /* line 144, ../_sass/desktop-example.scss */
section.fourth div.one-column.last {
margin-right: 0; }
- /* line 111, ../_sass/desktop-example.scss */
+ /* line 149, ../_sass/desktop-example.scss */
section.fourth div#alpha {
display: block;
float: left;
@@ -588,13 +677,10 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.fourth div#alpha:last-child {
margin-right: 0; }
- /* line 120, ../_sass/desktop-example.scss */
- section.fifth > code {
- margin-bottom: -1.5em; }
- /* line 124, ../_sass/desktop-example.scss */
+ /* line 158, ../_sass/desktop-example.scss */
section.fifth div.box {
font-size: 0.78em;
- margin-top: 2em;
+ height: 8em;
display: block;
float: left;
margin-right: 2.35765%;
@@ -606,14 +692,14 @@ section {
section.fifth div.box:nth-child(4n) {
margin-right: 0; }
-/* line 133, ../_sass/desktop-example.scss */
+/* line 168, ../_sass/desktop-example.scss */
div.code {
zoom: 1;
max-width: 64em;
margin-left: auto;
margin-right: auto;
- text-align: center;
- padding-bottom: 0; }
+ padding: 0.5em;
+ text-align: center; }
/* line 18, ../_sass/bourbon/addons/_clearfix.scss */
div.code:before, div.code:after {
content: "";
View
108 css/mobile-example.css
@@ -8,12 +8,12 @@
body:before {
content: '';
display: inline-block;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #eeeeee 8.5298%, #eeeeee 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #eeeeee 17.05961%, #eeeeee 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #eeeeee 25.58941%, #eeeeee 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #eeeeee 34.11922%, #eeeeee 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #eeeeee 42.64902%, #eeeeee 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #eeeeee 51.17883%, #eeeeee 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #eeeeee 59.70863%, #eeeeee 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #eeeeee 68.23843%, #eeeeee 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #eeeeee 76.76824%, #eeeeee 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #eeeeee 85.29804%, #eeeeee 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #eeeeee 93.82785%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 6.17215%, rgba(0, 0, 0, 0) 6.17215%, rgba(0, 0, 0, 0) 8.5298%, #e6f6ff 8.5298%, #e6f6ff 14.70196%, rgba(0, 0, 0, 0) 14.70196%, rgba(0, 0, 0, 0) 17.05961%, #e6f6ff 17.05961%, #e6f6ff 23.23176%, rgba(0, 0, 0, 0) 23.23176%, rgba(0, 0, 0, 0) 25.58941%, #e6f6ff 25.58941%, #e6f6ff 31.76157%, rgba(0, 0, 0, 0) 31.76157%, rgba(0, 0, 0, 0) 34.11922%, #e6f6ff 34.11922%, #e6f6ff 40.29137%, rgba(0, 0, 0, 0) 40.29137%, rgba(0, 0, 0, 0) 42.64902%, #e6f6ff 42.64902%, #e6f6ff 48.82117%, rgba(0, 0, 0, 0) 48.82117%, rgba(0, 0, 0, 0) 51.17883%, #e6f6ff 51.17883%, #e6f6ff 57.35098%, rgba(0, 0, 0, 0) 57.35098%, rgba(0, 0, 0, 0) 59.70863%, #e6f6ff 59.70863%, #e6f6ff 65.88078%, rgba(0, 0, 0, 0) 65.88078%, rgba(0, 0, 0, 0) 68.23843%, #e6f6ff 68.23843%, #e6f6ff 74.41059%, rgba(0, 0, 0, 0) 74.41059%, rgba(0, 0, 0, 0) 76.76824%, #e6f6ff 76.76824%, #e6f6ff 82.94039%, rgba(0, 0, 0, 0) 82.94039%, rgba(0, 0, 0, 0) 85.29804%, #e6f6ff 85.29804%, #e6f6ff 91.4702%, rgba(0, 0, 0, 0) 91.4702%, rgba(0, 0, 0, 0) 93.82785%, #e6f6ff 93.82785%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
height: 100%;
left: 0;
margin: 0 auto;
@@ -26,12 +26,12 @@ body:before {
@media screen and (max-width: 500px) {
/* line 11, ../_sass/neat/grid/_visual-grid.scss */
body:before {
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%));
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%);
- background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #eeeeee 0, #eeeeee 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #eeeeee 17.47153%, #eeeeee 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #eeeeee 34.94305%, #eeeeee 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #eeeeee 52.41458%, #eeeeee 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #eeeeee 69.88611%, #eeeeee 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #eeeeee 87.35763%, #eeeeee 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%));
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%);
+ background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0, #e6f6ff 0, #e6f6ff 12.64237%, rgba(0, 0, 0, 0) 12.64237%, rgba(0, 0, 0, 0) 17.47153%, #e6f6ff 17.47153%, #e6f6ff 30.11389%, rgba(0, 0, 0, 0) 30.11389%, rgba(0, 0, 0, 0) 34.94305%, #e6f6ff 34.94305%, #e6f6ff 47.58542%, rgba(0, 0, 0, 0) 47.58542%, rgba(0, 0, 0, 0) 52.41458%, #e6f6ff 52.41458%, #e6f6ff 65.05695%, rgba(0, 0, 0, 0) 65.05695%, rgba(0, 0, 0, 0) 69.88611%, #e6f6ff 69.88611%, #e6f6ff 82.52847%, rgba(0, 0, 0, 0) 82.52847%, rgba(0, 0, 0, 0) 87.35763%, #e6f6ff 87.35763%, #e6f6ff 100.0%, rgba(0, 0, 0, 0) 100.0%); } }
/* line 5, ../_sass/_typography.scss */
body {
@@ -235,22 +235,23 @@ table {
border-collapse: collapse;
border-spacing: 0; }
-/* line 10, ../_sass/mobile-example.scss */
+/* line 15, ../_sass/mobile-example.scss */
body {
+ color: #072f44;
line-height: 1.618em;
text-align: center; }
-/* line 15, ../_sass/mobile-example.scss */
+/* line 21, ../_sass/mobile-example.scss */
h3 {
margin: 1em; }
-/* line 19, ../_sass/mobile-example.scss */
+/* line 25, ../_sass/mobile-example.scss */
pre {
line-height: 1.6em; }
-/* line 23, ../_sass/mobile-example.scss */
+/* line 29, ../_sass/mobile-example.scss */
header {
- background-color: #000;
+ background-color: #298ec3;
zoom: 1;
padding: 0.5em 1em;
text-align: center; }
@@ -261,7 +262,7 @@ header {
/* line 23, ../_sass/bourbon/addons/_clearfix.scss */
header:after {
clear: both; }
- /* line 29, ../_sass/mobile-example.scss */
+ /* line 35, ../_sass/mobile-example.scss */
header h1 {
color: #fff;
font-weight: normal;
@@ -270,46 +271,51 @@ header {
font-family: "helvetica Neue", "Helvetica", sans-serif;
font-weight: 100; }
-/* line 39, ../_sass/mobile-example.scss */
+/* line 45, ../_sass/mobile-example.scss */
section {
- background-color: #eee;
+ background-color: #d5eefb;
text-align: center;
- line-height: 3.236em; }
- /* line 44, ../_sass/mobile-example.scss */
+ line-height: 2.427em; }
+ /* line 50, ../_sass/mobile-example.scss */
section div {
- border-bottom: 1px solid #bbb;
- background-color: #ddd;
- font-size: 0.8em; }
- /* line 52, ../_sass/mobile-example.scss */
+ background-color: #aadbf5;
+ font-size: 0.8em;
+ margin-bottom: 2em; }
+ /* line 58, ../_sass/mobile-example.scss */
section.first div#gamma aside, section.first div#gamma article {
background-color: #FFF; }
- /* line 60, ../_sass/mobile-example.scss */
+ /* line 66, ../_sass/mobile-example.scss */
section.second div#beta aside, section.second div#beta article {
- background-color: #BBB; }
- /* line 67, ../_sass/mobile-example.scss */
+ background-color: #41a8df; }
+ /* line 70, ../_sass/mobile-example.scss */
+ section.second div#beta aside {
+ border-bottom: 1px solid #298ec3; }
+ /* line 77, ../_sass/mobile-example.scss */
section.third div#dummy {
- background-color: #ddd; }
- /* line 72, ../_sass/mobile-example.scss */
+ background-color: #aadbf5;
+ margin-bottom: 0; }
+ /* line 83, ../_sass/mobile-example.scss */
section.third div#alpha aside {
- background-color: #eee; }
- /* line 76, ../_sass/mobile-example.scss */
+ background-color: #41a8df;
+ border-bottom: 1px solid #298ec3; }
+ /* line 88, ../_sass/mobile-example.scss */
section.third div#alpha article {
- background-color: #FFF; }
- /* line 84, ../_sass/mobile-example.scss */
+ background-color: #41a8df; }
+ /* line 96, ../_sass/mobile-example.scss */
section.sixth > pre {
padding: 10px 0; }
@media screen and (max-width: 500px) {
- /* line 82, ../_sass/mobile-example.scss */
+ /* line 94, ../_sass/mobile-example.scss */
section.sixth {
font-size: 0.9em;
line-height: 1.5em; } }
- /* line 93, ../_sass/mobile-example.scss */
+ /* line 105, ../_sass/mobile-example.scss */
section.sixth div {
line-height: 2em;
min-height: 20em;
text-align: left;
padding: 1em; }
- /* line 100, ../_sass/mobile-example.scss */
+ /* line 112, ../_sass/mobile-example.scss */
section.sixth div#alpha {
display: block;
float: left;
@@ -319,7 +325,7 @@ section {
section.sixth div#alpha:last-child {
margin-right: 0; }
@media screen and (max-width: 500px) {
- /* line 100, ../_sass/mobile-example.scss */
+ /* line 112, ../_sass/mobile-example.scss */
section.sixth div#alpha {
display: block;
float: left;
@@ -328,7 +334,7 @@ section {
/* line 62, ../_sass/neat/grid/_grid.scss */
section.sixth div#alpha:last-child {
margin-right: 0; } }
- /* line 108, ../_sass/mobile-example.scss */
+ /* line 120, ../_sass/mobile-example.scss */
section.sixth div#beta {
display: block;
float: left;
@@ -338,7 +344,7 @@ section {
section.sixth div#beta:last-child {
margin-right: 0; }
@media screen and (max-width: 500px) {
- /* line 108, ../_sass/mobile-example.scss */
+ /* line 120, ../_sass/mobile-example.scss */
section.sixth div#beta {
display: block;
float: left;
@@ -348,24 +354,24 @@ section {
section.sixth div#beta:last-child {
margin-right: 0; } }
-/* line 118, ../_sass/mobile-example.scss */
+/* line 130, ../_sass/mobile-example.scss */
div.code {
- background-color: #eee;
+ background-color: #d5eefb;
text-align: center;
- padding-top: 1em;
- padding-bottom: 1em; }
+ padding-top: 0.5em;
+ padding-bottom: 0.5em; }
-/* line 125, ../_sass/mobile-example.scss */
+/* line 137, ../_sass/mobile-example.scss */
footer {
padding: 2em;
display: block;
clear: both; }
- /* line 130, ../_sass/mobile-example.scss */
+ /* line 142, ../_sass/mobile-example.scss */
footer a.back-button {
text-decoration: none;
- color: #555;
+ color: white;
padding: 0.5em 1em;
- background-color: #eee; }
- /* line 136, ../_sass/mobile-example.scss */
+ background-color: #298ec3; }
+ /* line 148, ../_sass/mobile-example.scss */
footer a.back-button:hover {
- background-color: #ddd; }
+ background-color: #072f44; }
View
36 examples/index.html
@@ -24,21 +24,47 @@
<section class="first">
<code>@include outer-container;</code>
<div id="alpha">
- <code>@include span-columns(4);</code>
+ <code>(1)</code>
</div>
<div id="beta">
- <code>@include span-columns(8);<br>
+ <code>@include span-columns(11);<br>
@include omega();</code>
</div>
<div id="gamma">
- <code>@include span-columns(6);</code>
+ <code>@include span-columns(2);</code>
</div>
<div id="delta">
+ <code>@include span-columns(10);<br>
+ @include omega();</code>
+ </div>
+ <div id="epsilon">
+ <code>@include span-columns(3);</code>
+ </div>
+ <div id="zeta">
+ <code>@include span-columns(9);<br>
+ @include omega();</code>
+ </div>
+ <div id="eta">
+ <code>@include span-columns(4);</code>
+ </div>
+ <div id="theta">
+ <code>@include span-columns(8);<br>
+ @include omega();</code>
+ </div>
+ <div id="iota">
+ <code>@include span-columns(5);</code>
+ </div>
+ <div id="kappa">
+ <code>@include span-columns(7);<br>
+ @include omega();</code>
+ </div>
+ <div id="lambda">
+ <code>@include span-columns(6);</code>
+ </div>
+ <div id="mu">
<code>@include span-columns(6);<br>
@include omega();</code>
</div>
- <div id="epsilon"><code>@include span-columns(8);</code></div>
- <div id="zeta"><code>@include span-columns(4);</code></div>
</section>
<h3>Nesting columns</h3>
Something went wrong with that request. Please try again.