Файл: css/grid.css
Строк: 61
/*
* Skeleton V2.0.4
*/
.grid {
position: relative;
width:
100%;
max-width: 375px;
margin: 0 auto;
box-sizing: border-box;
text-align: center;
}
.column,
.columns,
.cols {
width: 100%;
float: left;
box-sizing: border-box;
}
@media (max-width: 319px) {
.grid {text-align: left !important;}
.ln {border-bottom: 1px solid
#31333a;}
}
@media (min-width: 320px) {
.one.column,
.one.columns
{ width: 4.66666666667%; }
.two.columns
{ width: 13.3333333333%; }
.three.columns {
width: 25%; }
.four.columns { width:
33.3333333333%; }
.five.columns { width:
39.3333333333%; }
.six.columns { width: 50%;
}
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 66.666%; }
.nine.columns
{ width: 74.0%; }
.ten.columns
{ width: 82.6666666667%; }
.eleven.columns { width:
91.3333333333%; }
.twelve.columns { width: 100%;
}
.ln {border-right: 1px solid #31333a;}
.ladder-center {
text-align: center; }
.ladder-right { text-align: right; }
.ladder-left { text-align: left; }
}
@media (max-width: 319px) {
.three.columns.fix { display: none; }
.four.columns.fix { display: none;
}
.eight.columns.fix { width: 100%; }
.nine.columns.fix { width:
100%; }
}
.ln-top {border-top: 1px solid #31333a;}
.one.cols { width:
10%; }
.u-full-width {
width: 100%;
box-sizing:
border-box;
}
.u-max-full-width {
max-width: 100%;
box-sizing:
border-box;
}
.pull-right {
float: right;
}
.u-pull-left {
float: left;
}
.grid:after,
.row:after,
.u-cf {
content:
"";
display: table;
clear: both;
}
@media (min-width:
400px) {}
@media (min-width: 550px) {}
@media (min-width: 750px)
{}
@media (min-width: 1000px) {}
@media (min-width: 1200px) {}