angular-docs-cn/public/resources/css/layout/_grids.scss

581 lines
22 KiB
SCSS

/*! Copyright 2012-2014 Alex Wolfe and Rob Levin
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/* line 24, ../scss/grids.scss */
.grid-fluid, .grid-fixed {
margin: 0 auto;
}
/* line 9, ../scss/grids.scss */
.grid-fluid .c1, .grid-fixed .c1, .grid-fluid .c2, .grid-fixed .c2, .grid-fluid .c3, .grid-fixed .c3, .grid-fluid .c4, .grid-fixed .c4, .grid-fluid .c5, .grid-fixed .c5, .grid-fluid .c6, .grid-fixed .c6, .grid-fluid .c7, .grid-fixed .c7, .grid-fluid .c8, .grid-fixed .c8, .grid-fluid .c9, .grid-fixed .c9, .grid-fluid .c10, .grid-fixed .c10, .grid-fluid .c11, .grid-fixed .c11, .grid-fluid .c12, .grid-fixed .c12 {
display: inline;
float: left;
}
/* line 12, ../scss/grids.scss */
.grid-fluid .c1.grid-right, .grid-fixed .c1.grid-right, .grid-fluid .c2.grid-right, .grid-fixed .c2.grid-right, .grid-fluid .c3.grid-right, .grid-fixed .c3.grid-right, .grid-fluid .c4.grid-right, .grid-fixed .c4.grid-right, .grid-fluid .c5.grid-right, .grid-fixed .c5.grid-right, .grid-fluid .c6.grid-right, .grid-fixed .c6.grid-right, .grid-fluid .c7.grid-right, .grid-fixed .c7.grid-right, .grid-fluid .c8.grid-right, .grid-fixed .c8.grid-right, .grid-fluid .c9.grid-right, .grid-fixed .c9.grid-right, .grid-fluid .c10.grid-right, .grid-fixed .c10.grid-right, .grid-fluid .c11.grid-right, .grid-fixed .c11.grid-right, .grid-fluid .c12.grid-right, .grid-fixed .c12.grid-right {
float: right;
}
/* line 15, ../scss/grids.scss */
.grid-fluid .c1.nb, .grid-fixed .c1.nb, .grid-fluid .c2.nb, .grid-fixed .c2.nb, .grid-fluid .c3.nb, .grid-fixed .c3.nb, .grid-fluid .c4.nb, .grid-fixed .c4.nb, .grid-fluid .c5.nb, .grid-fixed .c5.nb, .grid-fluid .c6.nb, .grid-fixed .c6.nb, .grid-fluid .c7.nb, .grid-fixed .c7.nb, .grid-fluid .c8.nb, .grid-fixed .c8.nb, .grid-fluid .c9.nb, .grid-fixed .c9.nb, .grid-fluid .c10.nb, .grid-fixed .c10.nb, .grid-fluid .c11.nb, .grid-fixed .c11.nb, .grid-fluid .c12.nb, .grid-fixed .c12.nb {
margin-left: 0;
}
/* line 18, ../scss/grids.scss */
.grid-fluid .c1.na, .grid-fixed .c1.na, .grid-fluid .c2.na, .grid-fixed .c2.na, .grid-fluid .c3.na, .grid-fixed .c3.na, .grid-fluid .c4.na, .grid-fixed .c4.na, .grid-fluid .c5.na, .grid-fixed .c5.na, .grid-fluid .c6.na, .grid-fixed .c6.na, .grid-fluid .c7.na, .grid-fixed .c7.na, .grid-fluid .c8.na, .grid-fixed .c8.na, .grid-fluid .c9.na, .grid-fixed .c9.na, .grid-fluid .c10.na, .grid-fixed .c10.na, .grid-fluid .c11.na, .grid-fixed .c11.na, .grid-fluid .c12.na, .grid-fixed .c12.na {
margin-right: 0;
}
/* line 105, ../scss/grids.scss */
.clear {
clear: both;
}
/* line 113, ../scss/grids.scss */
.grid-fluid {
*zoom: 1;
}
/* line 92, ../scss/grids.scss */
.grid-fluid:after, .grid-fluid:before {
content: '.';
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
/* line 61, ../scss/grids.scss */
.grid-fluid .c1, .grid-fluid .c2, .grid-fluid .c3, .grid-fluid .c4, .grid-fluid .c5, .grid-fluid .c6, .grid-fluid .c7, .grid-fluid .c8, .grid-fluid .c9, .grid-fluid .c10, .grid-fluid .c11, .grid-fluid .c12 {
margin-right: 1.04167%;
margin-left: 1.04167%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c1 {
width: 6.25%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b1 {
margin-left: 10.41667%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a1 {
margin-right: 10.41667%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c2 {
width: 14.58333%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b2 {
margin-left: 18.75%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a2 {
margin-right: 18.75%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c3 {
width: 22.91667%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b3 {
margin-left: 27.08333%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a3 {
margin-right: 27.08333%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c4 {
width: 31.25%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b4 {
margin-left: 35.41667%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a4 {
margin-right: 35.41667%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c5 {
width: 39.58333%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b5 {
margin-left: 43.75%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a5 {
margin-right: 43.75%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c6 {
width: 47.91667%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b6 {
margin-left: 52.08333%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a6 {
margin-right: 52.08333%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c7 {
width: 56.25%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b7 {
margin-left: 60.41667%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a7 {
margin-right: 60.41667%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c8 {
width: 64.58333%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b8 {
margin-left: 68.75%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a8 {
margin-right: 68.75%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c9 {
width: 72.91667%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b9 {
margin-left: 77.08333%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a9 {
margin-right: 77.08333%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c10 {
width: 81.25%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b10 {
margin-left: 85.41667%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a10 {
margin-right: 85.41667%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c11 {
width: 89.58333%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b11 {
margin-left: 93.75%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a11 {
margin-right: 93.75%;
}
/* line 68, ../scss/grids.scss */
.grid-fluid .c12 {
width: 97.91667%;
}
/* line 73, ../scss/grids.scss */
.grid-fluid .b12 {
margin-left: 102.08333%;
}
/* line 79, ../scss/grids.scss */
.grid-fluid .a12 {
margin-right: 102.08333%;
}
/* line 124, ../scss/grids.scss */
.grid-fixed {
*zoom: 1;
width: 960px;
}
/* line 92, ../scss/grids.scss */
.grid-fixed:after, .grid-fixed:before {
content: '.';
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
/* line 137, ../scss/grids.scss */
.grid-fixed .c1, .grid-fixed .c2, .grid-fixed .c3, .grid-fixed .c4, .grid-fixed .c5, .grid-fixed .c6, .grid-fixed .c7, .grid-fixed .c8, .grid-fixed .c9, .grid-fixed .c10, .grid-fixed .c11, .grid-fixed .c12 {
margin-right: 10px;
margin-left: 10px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c1 {
width: 60px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b1 {
margin-left: 90px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a1 {
margin-right: 90px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c2 {
width: 140px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b2 {
margin-left: 170px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a2 {
margin-right: 170px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c3 {
width: 220px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b3 {
margin-left: 250px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a3 {
margin-right: 250px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c4 {
width: 300px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b4 {
margin-left: 330px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a4 {
margin-right: 330px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c5 {
width: 380px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b5 {
margin-left: 410px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a5 {
margin-right: 410px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c6 {
width: 460px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b6 {
margin-left: 490px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a6 {
margin-right: 490px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c7 {
width: 540px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b7 {
margin-left: 570px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a7 {
margin-right: 570px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c8 {
width: 620px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b8 {
margin-left: 650px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a8 {
margin-right: 650px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c9 {
width: 700px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b9 {
margin-left: 730px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a9 {
margin-right: 730px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c10 {
width: 780px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b10 {
margin-left: 810px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a10 {
margin-right: 810px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c11 {
width: 860px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b11 {
margin-left: 890px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a11 {
margin-right: 890px;
}
/* line 144, ../scss/grids.scss */
.grid-fixed .c12 {
width: 940px;
}
/* line 148, ../scss/grids.scss */
.grid-fixed .b12 {
margin-left: 970px;
}
/* line 152, ../scss/grids.scss */
.grid-fixed .a12 {
margin-right: 970px;
}
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
/* line 6, ../scss/_responsive.scss */
.grid-fixed, .grid-fluid {
width: auto;
}
}
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
/* line 22, ../scss/_responsive.scss */
.grid-fixed .c1, .grid-fixed .c2, .grid-fixed .c3, .grid-fixed .c4, .grid-fixed .c5, .grid-fixed .c6, .grid-fixed .c7, .grid-fixed .c8, .grid-fixed .c9, .grid-fixed .c10, .grid-fixed .c11, .grid-fixed .c12, .grid-fluid .c1, .grid-fluid .c2, .grid-fluid .c3, .grid-fluid .c4, .grid-fluid .c5, .grid-fluid .c6, .grid-fluid .c7, .grid-fluid .c8, .grid-fluid .c9, .grid-fluid .c10, .grid-fluid .c11, .grid-fluid .c12 {
margin-left: 20px;
margin-right: 20px;
float: none;
display: block;
width: auto;
}
}
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 480px) {
/* line 22, ../scss/_responsive.scss */
.grid-fixed .c1, .grid-fixed .c2, .grid-fixed .c3, .grid-fixed .c4, .grid-fixed .c5, .grid-fixed .c6, .grid-fixed .c7, .grid-fixed .c8, .grid-fixed .c9, .grid-fixed .c10, .grid-fixed .c11, .grid-fixed .c12, .grid-fluid .c1, .grid-fluid .c2, .grid-fluid .c3, .grid-fluid .c4, .grid-fluid .c5, .grid-fluid .c6, .grid-fluid .c7, .grid-fluid .c8, .grid-fluid .c9, .grid-fluid .c10, .grid-fluid .c11, .grid-fluid .c12 {
margin-left: 0px;
margin-right: 0px;
float: none;
display: block;
width: auto;
}
}
@media handheld and (max-width: 900px), screen and (max-width: 900px) {
/* line 6, ../scss/_responsive.scss */
.grid-fixed, .grid-fluid {
margin: 0 auto;
*zoom: 1;
}
/* line 9, ../scss/grids.scss */
.grid-fixed .tablet-c1, .grid-fixed .tablet-c2, .grid-fixed .tablet-c3, .grid-fixed .tablet-c4, .grid-fixed .tablet-c5, .grid-fixed .tablet-c6, .grid-fixed .tablet-c7, .grid-fixed .tablet-c8, .grid-fixed .tablet-c9, .grid-fixed .tablet-c10, .grid-fixed .tablet-c11, .grid-fixed .tablet-c12, .grid-fluid .tablet-c1, .grid-fluid .tablet-c2, .grid-fluid .tablet-c3, .grid-fluid .tablet-c4, .grid-fluid .tablet-c5, .grid-fluid .tablet-c6, .grid-fluid .tablet-c7, .grid-fluid .tablet-c8, .grid-fluid .tablet-c9, .grid-fluid .tablet-c10, .grid-fluid .tablet-c11, .grid-fluid .tablet-c12 {
display: inline;
float: left;
}
/* line 12, ../scss/grids.scss */
.grid-fixed .tablet-c1.grid-right, .grid-fixed .tablet-c2.grid-right, .grid-fixed .tablet-c3.grid-right, .grid-fixed .tablet-c4.grid-right, .grid-fixed .tablet-c5.grid-right, .grid-fixed .tablet-c6.grid-right, .grid-fixed .tablet-c7.grid-right, .grid-fixed .tablet-c8.grid-right, .grid-fixed .tablet-c9.grid-right, .grid-fixed .tablet-c10.grid-right, .grid-fixed .tablet-c11.grid-right, .grid-fixed .tablet-c12.grid-right, .grid-fluid .tablet-c1.grid-right, .grid-fluid .tablet-c2.grid-right, .grid-fluid .tablet-c3.grid-right, .grid-fluid .tablet-c4.grid-right, .grid-fluid .tablet-c5.grid-right, .grid-fluid .tablet-c6.grid-right, .grid-fluid .tablet-c7.grid-right, .grid-fluid .tablet-c8.grid-right, .grid-fluid .tablet-c9.grid-right, .grid-fluid .tablet-c10.grid-right, .grid-fluid .tablet-c11.grid-right, .grid-fluid .tablet-c12.grid-right {
float: right;
}
/* line 15, ../scss/grids.scss */
.grid-fixed .tablet-c1.nb, .grid-fixed .tablet-c2.nb, .grid-fixed .tablet-c3.nb, .grid-fixed .tablet-c4.nb, .grid-fixed .tablet-c5.nb, .grid-fixed .tablet-c6.nb, .grid-fixed .tablet-c7.nb, .grid-fixed .tablet-c8.nb, .grid-fixed .tablet-c9.nb, .grid-fixed .tablet-c10.nb, .grid-fixed .tablet-c11.nb, .grid-fixed .tablet-c12.nb, .grid-fluid .tablet-c1.nb, .grid-fluid .tablet-c2.nb, .grid-fluid .tablet-c3.nb, .grid-fluid .tablet-c4.nb, .grid-fluid .tablet-c5.nb, .grid-fluid .tablet-c6.nb, .grid-fluid .tablet-c7.nb, .grid-fluid .tablet-c8.nb, .grid-fluid .tablet-c9.nb, .grid-fluid .tablet-c10.nb, .grid-fluid .tablet-c11.nb, .grid-fluid .tablet-c12.nb {
margin-left: 0;
}
/* line 18, ../scss/grids.scss */
.grid-fixed .tablet-c1.na, .grid-fixed .tablet-c2.na, .grid-fixed .tablet-c3.na, .grid-fixed .tablet-c4.na, .grid-fixed .tablet-c5.na, .grid-fixed .tablet-c6.na, .grid-fixed .tablet-c7.na, .grid-fixed .tablet-c8.na, .grid-fixed .tablet-c9.na, .grid-fixed .tablet-c10.na, .grid-fixed .tablet-c11.na, .grid-fixed .tablet-c12.na, .grid-fluid .tablet-c1.na, .grid-fluid .tablet-c2.na, .grid-fluid .tablet-c3.na, .grid-fluid .tablet-c4.na, .grid-fluid .tablet-c5.na, .grid-fluid .tablet-c6.na, .grid-fluid .tablet-c7.na, .grid-fluid .tablet-c8.na, .grid-fluid .tablet-c9.na, .grid-fluid .tablet-c10.na, .grid-fluid .tablet-c11.na, .grid-fluid .tablet-c12.na {
margin-right: 0;
}
/* line 92, ../scss/grids.scss */
.grid-fixed:after, .grid-fixed:before, .grid-fluid:after, .grid-fluid:before {
content: '.';
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
/* line 61, ../scss/grids.scss */
.grid-fixed .tablet-c1, .grid-fixed .tablet-c2, .grid-fixed .tablet-c3, .grid-fixed .tablet-c4, .grid-fixed .tablet-c5, .grid-fixed .tablet-c6, .grid-fixed .tablet-c7, .grid-fixed .tablet-c8, .grid-fixed .tablet-c9, .grid-fixed .tablet-c10, .grid-fixed .tablet-c11, .grid-fixed .tablet-c12, .grid-fluid .tablet-c1, .grid-fluid .tablet-c2, .grid-fluid .tablet-c3, .grid-fluid .tablet-c4, .grid-fluid .tablet-c5, .grid-fluid .tablet-c6, .grid-fluid .tablet-c7, .grid-fluid .tablet-c8, .grid-fluid .tablet-c9, .grid-fluid .tablet-c10, .grid-fluid .tablet-c11, .grid-fluid .tablet-c12 {
margin-right: 1.04167%;
margin-left: 1.04167%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c1, .grid-fluid .tablet-c1 {
width: 6.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c2, .grid-fluid .tablet-c2 {
width: 14.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c3, .grid-fluid .tablet-c3 {
width: 22.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c4, .grid-fluid .tablet-c4 {
width: 31.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c5, .grid-fluid .tablet-c5 {
width: 39.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c6, .grid-fluid .tablet-c6 {
width: 47.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c7, .grid-fluid .tablet-c7 {
width: 56.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c8, .grid-fluid .tablet-c8 {
width: 64.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c9, .grid-fluid .tablet-c9 {
width: 72.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c10, .grid-fluid .tablet-c10 {
width: 81.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c11, .grid-fluid .tablet-c11 {
width: 89.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .tablet-c12, .grid-fluid .tablet-c12 {
width: 97.91667%;
}
}
@media handheld and (max-width: 480px), screen and (max-width: 480px) {
/* line 6, ../scss/_responsive.scss */
.grid-fixed, .grid-fluid {
margin: 0 auto;
*zoom: 1;
}
/* line 9, ../scss/grids.scss */
.grid-fixed .phone-c1, .grid-fixed .phone-c2, .grid-fixed .phone-c3, .grid-fixed .phone-c4, .grid-fixed .phone-c5, .grid-fixed .phone-c6, .grid-fixed .phone-c7, .grid-fixed .phone-c8, .grid-fixed .phone-c9, .grid-fixed .phone-c10, .grid-fixed .phone-c11, .grid-fixed .phone-c12, .grid-fluid .phone-c1, .grid-fluid .phone-c2, .grid-fluid .phone-c3, .grid-fluid .phone-c4, .grid-fluid .phone-c5, .grid-fluid .phone-c6, .grid-fluid .phone-c7, .grid-fluid .phone-c8, .grid-fluid .phone-c9, .grid-fluid .phone-c10, .grid-fluid .phone-c11, .grid-fluid .phone-c12 {
display: inline;
float: left;
}
/* line 12, ../scss/grids.scss */
.grid-fixed .phone-c1.grid-right, .grid-fixed .phone-c2.grid-right, .grid-fixed .phone-c3.grid-right, .grid-fixed .phone-c4.grid-right, .grid-fixed .phone-c5.grid-right, .grid-fixed .phone-c6.grid-right, .grid-fixed .phone-c7.grid-right, .grid-fixed .phone-c8.grid-right, .grid-fixed .phone-c9.grid-right, .grid-fixed .phone-c10.grid-right, .grid-fixed .phone-c11.grid-right, .grid-fixed .phone-c12.grid-right, .grid-fluid .phone-c1.grid-right, .grid-fluid .phone-c2.grid-right, .grid-fluid .phone-c3.grid-right, .grid-fluid .phone-c4.grid-right, .grid-fluid .phone-c5.grid-right, .grid-fluid .phone-c6.grid-right, .grid-fluid .phone-c7.grid-right, .grid-fluid .phone-c8.grid-right, .grid-fluid .phone-c9.grid-right, .grid-fluid .phone-c10.grid-right, .grid-fluid .phone-c11.grid-right, .grid-fluid .phone-c12.grid-right {
float: right;
}
/* line 15, ../scss/grids.scss */
.grid-fixed .phone-c1.nb, .grid-fixed .phone-c2.nb, .grid-fixed .phone-c3.nb, .grid-fixed .phone-c4.nb, .grid-fixed .phone-c5.nb, .grid-fixed .phone-c6.nb, .grid-fixed .phone-c7.nb, .grid-fixed .phone-c8.nb, .grid-fixed .phone-c9.nb, .grid-fixed .phone-c10.nb, .grid-fixed .phone-c11.nb, .grid-fixed .phone-c12.nb, .grid-fluid .phone-c1.nb, .grid-fluid .phone-c2.nb, .grid-fluid .phone-c3.nb, .grid-fluid .phone-c4.nb, .grid-fluid .phone-c5.nb, .grid-fluid .phone-c6.nb, .grid-fluid .phone-c7.nb, .grid-fluid .phone-c8.nb, .grid-fluid .phone-c9.nb, .grid-fluid .phone-c10.nb, .grid-fluid .phone-c11.nb, .grid-fluid .phone-c12.nb {
margin-left: 0;
}
/* line 18, ../scss/grids.scss */
.grid-fixed .phone-c1.na, .grid-fixed .phone-c2.na, .grid-fixed .phone-c3.na, .grid-fixed .phone-c4.na, .grid-fixed .phone-c5.na, .grid-fixed .phone-c6.na, .grid-fixed .phone-c7.na, .grid-fixed .phone-c8.na, .grid-fixed .phone-c9.na, .grid-fixed .phone-c10.na, .grid-fixed .phone-c11.na, .grid-fixed .phone-c12.na, .grid-fluid .phone-c1.na, .grid-fluid .phone-c2.na, .grid-fluid .phone-c3.na, .grid-fluid .phone-c4.na, .grid-fluid .phone-c5.na, .grid-fluid .phone-c6.na, .grid-fluid .phone-c7.na, .grid-fluid .phone-c8.na, .grid-fluid .phone-c9.na, .grid-fluid .phone-c10.na, .grid-fluid .phone-c11.na, .grid-fluid .phone-c12.na {
margin-right: 0;
}
/* line 92, ../scss/grids.scss */
.grid-fixed:after, .grid-fixed:before, .grid-fluid:after, .grid-fluid:before {
content: '.';
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
/* line 61, ../scss/grids.scss */
.grid-fixed .phone-c1, .grid-fixed .phone-c2, .grid-fixed .phone-c3, .grid-fixed .phone-c4, .grid-fixed .phone-c5, .grid-fixed .phone-c6, .grid-fixed .phone-c7, .grid-fixed .phone-c8, .grid-fixed .phone-c9, .grid-fixed .phone-c10, .grid-fixed .phone-c11, .grid-fixed .phone-c12, .grid-fluid .phone-c1, .grid-fluid .phone-c2, .grid-fluid .phone-c3, .grid-fluid .phone-c4, .grid-fluid .phone-c5, .grid-fluid .phone-c6, .grid-fluid .phone-c7, .grid-fluid .phone-c8, .grid-fluid .phone-c9, .grid-fluid .phone-c10, .grid-fluid .phone-c11, .grid-fluid .phone-c12 {
margin-right: 1.04167%;
margin-left: 1.04167%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c1, .grid-fluid .phone-c1 {
width: 6.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c2, .grid-fluid .phone-c2 {
width: 14.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c3, .grid-fluid .phone-c3 {
width: 22.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c4, .grid-fluid .phone-c4 {
width: 31.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c5, .grid-fluid .phone-c5 {
width: 39.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c6, .grid-fluid .phone-c6 {
width: 47.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c7, .grid-fluid .phone-c7 {
width: 56.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c8, .grid-fluid .phone-c8 {
width: 64.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c9, .grid-fluid .phone-c9 {
width: 72.91667%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c10, .grid-fluid .phone-c10 {
width: 81.25%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c11, .grid-fluid .phone-c11 {
width: 89.58333%;
}
/* line 68, ../scss/grids.scss */
.grid-fixed .phone-c12, .grid-fluid .phone-c12 {
width: 97.91667%;
}
}