You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
863 lines
20 KiB
863 lines
20 KiB
/*! formstone v0.6.7 [grid.css] 2015-06-13 | MIT License | formstone.it */
|
|
|
|
/**
|
|
* @grid
|
|
* @name Grid
|
|
* @description A responsive CSS grid.
|
|
*/
|
|
.fs_grid_row,
|
|
.fs-grid .fs-row {
|
|
width: 300px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
@media screen and (min-width: 500px) {
|
|
.fs_grid_row,
|
|
.fs-grid .fs-row {
|
|
width: 480px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 740px) {
|
|
.fs_grid_row,
|
|
.fs-grid .fs-row {
|
|
width: 720px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 980px) {
|
|
.fs_grid_row,
|
|
.fs-grid .fs-row {
|
|
width: 960px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1220px) {
|
|
.fs_grid_row,
|
|
.fs-grid .fs-row {
|
|
width: 1200px;
|
|
}
|
|
}
|
|
.fs_grid_row:after,
|
|
.fs-grid .fs-row:after {
|
|
height: 0;
|
|
clear: both;
|
|
content: ".";
|
|
display: block;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
}
|
|
.fs_grid_row_fluid,
|
|
.fs-grid-fluid .fs-row {
|
|
width: 96%;
|
|
width: -webkit-calc(100% - 40px);
|
|
width: calc(100% - 40px);
|
|
}
|
|
@media screen and (max-width: 739px) {
|
|
.fs_grid_row_fluid_sm,
|
|
.fs-grid-sm-fluid .fs-row {
|
|
width: 96%;
|
|
width: -webkit-calc(100% - 40px);
|
|
width: calc(100% - 40px);
|
|
}
|
|
}
|
|
.fs_grid_row_row,
|
|
.fs-grid .fs-row .fs-row {
|
|
width: 102.08333333%;
|
|
margin-left: -1.04166667%;
|
|
margin-right: -1.04166667%;
|
|
}
|
|
.fs_grid_row_row_contained,
|
|
.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] .fs-row {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.fs_grid_cell,
|
|
.fs-grid .fs-row [class*="fs-cell"] {
|
|
width: 97.91666667%;
|
|
float: left;
|
|
margin-left: 1.04166667%;
|
|
margin-right: 1.04166667%;
|
|
}
|
|
.fs_grid_cell_centered,
|
|
.fs-grid .fs-row [class*="fs-cell"][class*="-centered"] {
|
|
float: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.fs_grid_cell_padded,
|
|
.fs-grid .fs-row [class*="fs-cell"][class*="-padded"] {
|
|
box-sizing: content-box;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding-left: 1.04166667%;
|
|
padding-right: 1.04166667%;
|
|
}
|
|
.fs_grid_cell_contained,
|
|
.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.fs_grid_cell_right,
|
|
.fs-grid .fs-row [class*="fs-cell"][class*="-right"] {
|
|
float: right;
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
.fs-grid .fs-row .fs-all-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-all-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-all-hide {
|
|
display: none;
|
|
}
|
|
@media screen and (max-width: 739px) {
|
|
.fs-grid .fs-row .fs-sm-1 {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-2 {
|
|
width: 64.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-3 {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-1 {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-2 {
|
|
margin-left: 67.70833333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-1 {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-2 {
|
|
width: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-3 {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-1 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-2 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-sm-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-sm-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (max-width: 499px) {
|
|
.fs-grid .fs-row .fs-xs-1 {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-2 {
|
|
width: 64.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-3 {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-1 {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-2 {
|
|
margin-left: 67.70833333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-1 {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-2 {
|
|
width: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-3 {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-1 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-2 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xs-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-xs-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (min-width: 740px) and (max-width: 979px) {
|
|
.fs-grid .fs-row .fs-md-1 {
|
|
width: 14.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-2 {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-3 {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-4 {
|
|
width: 64.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-5 {
|
|
width: 81.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-6 {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-1 {
|
|
margin-left: 17.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-2 {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-3 {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-4 {
|
|
margin-left: 67.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-5 {
|
|
margin-left: 84.375%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-1 {
|
|
width: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-2 {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-3 {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-4 {
|
|
width: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-5 {
|
|
width: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-6 {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-1 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-2 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-3 {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-4 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-5 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-md-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-md-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (min-width: 980px) {
|
|
.fs-grid .fs-row .fs-lg-1 {
|
|
width: 6.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-2 {
|
|
width: 14.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-3 {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-4 {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-5 {
|
|
width: 39.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-6 {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-7 {
|
|
width: 56.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-8 {
|
|
width: 64.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-9 {
|
|
width: 72.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-10 {
|
|
width: 81.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-11 {
|
|
width: 89.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-12 {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-1 {
|
|
margin-left: 9.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-2 {
|
|
margin-left: 17.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-3 {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-4 {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-5 {
|
|
margin-left: 42.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-6 {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-7 {
|
|
margin-left: 59.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-8 {
|
|
margin-left: 67.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-9 {
|
|
margin-left: 76.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-10 {
|
|
margin-left: 84.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-11 {
|
|
margin-left: 92.70833333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-3 {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-6 {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-9 {
|
|
width: 75%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-12 {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-lg-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-lg-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1220px) {
|
|
.fs-grid .fs-row .fs-xl-1 {
|
|
width: 6.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-2 {
|
|
width: 14.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-3 {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-4 {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-5 {
|
|
width: 39.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-6 {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-7 {
|
|
width: 56.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-8 {
|
|
width: 64.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-9 {
|
|
width: 72.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-10 {
|
|
width: 81.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-11 {
|
|
width: 89.58333333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-12 {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-1 {
|
|
margin-left: 9.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-2 {
|
|
margin-left: 17.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-3 {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-4 {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-5 {
|
|
margin-left: 42.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-6 {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-7 {
|
|
margin-left: 59.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-8 {
|
|
margin-left: 67.70833333%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-9 {
|
|
margin-left: 76.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-10 {
|
|
margin-left: 84.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-11 {
|
|
margin-left: 92.70833333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-3 {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-6 {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-9 {
|
|
width: 75%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-12 {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-fifth {
|
|
width: 17.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-fourth {
|
|
width: 22.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-third {
|
|
width: 31.25%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-half {
|
|
width: 47.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-full {
|
|
width: 97.91666667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-fifth {
|
|
margin-left: 21.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-fourth {
|
|
margin-left: 26.04166667%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-third {
|
|
margin-left: 34.375%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-push-half {
|
|
margin-left: 51.04166667%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-fifth {
|
|
width: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-fourth {
|
|
width: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-third {
|
|
width: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-half {
|
|
width: 50%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-full {
|
|
width: 100%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-fifth {
|
|
margin-left: 20%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-fourth {
|
|
margin-left: 25%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-third {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.fs-grid .fs-row [class*="-contained"].fs-xl-push-half {
|
|
margin-left: 50%;
|
|
}
|
|
.fs-grid .fs-row .fs-xl-hide {
|
|
display: none;
|
|
}
|
|
}
|
|
|