Skip to content

Commit fc97cd2

Browse files
committed
Additional fixes to 0bb7fb7
Signed-off-by: crynobone <[email protected]>
1 parent 0bb7fb7 commit fc97cd2

File tree

2 files changed

+24
-24
lines changed

2 files changed

+24
-24
lines changed

public/css/grid.less

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11

22
.row {
33
.columns, .col {
4-
&.one { .make-column(1); }
5-
&.two { .make-column(2); }
6-
&.three { .make-column(3); }
7-
&.four { .make-column(4); }
8-
&.five { .make-column(5); }
9-
&.six { .make-column(6); }
10-
&.seven { .make-column(7); }
11-
&.eight { .make-column(8); }
12-
&.nine { .make-column(9); }
13-
&.ten { .make-column(10); }
14-
&.eleven { .make-column(11); }
15-
&.twelve { .make-column(12); }
4+
&.one { .make-lg-column(1); }
5+
&.two { .make-lg-column(2); }
6+
&.three { .make-lg-column(3); }
7+
&.four { .make-lg-column(4); }
8+
&.five { .make-lg-column(5); }
9+
&.six { .make-lg-column(6); }
10+
&.seven { .make-lg-column(7); }
11+
&.eight { .make-lg-column(8); }
12+
&.nine { .make-lg-column(9); }
13+
&.ten { .make-lg-column(10); }
14+
&.eleven { .make-lg-column(11); }
15+
&.twelve { .make-lg-column(12); }
1616
&.offset-by-one { .make-lg-column-offset(1); }
1717
&.offset-by-two { .make-lg-column-offset(2); }
1818
&.offset-by-three { .make-lg-column-offset(3); }

public/css/style.css

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11

2-
.row .columns.one,.row .col.one{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.one,.row .col.one{width:8.333333333333332%;}}
3-
.row .columns.two,.row .col.two{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.two,.row .col.two{width:16.666666666666664%;}}
4-
.row .columns.three,.row .col.three{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.three,.row .col.three{width:25%;}}
5-
.row .columns.four,.row .col.four{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.four,.row .col.four{width:33.33333333333333%;}}
6-
.row .columns.five,.row .col.five{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.five,.row .col.five{width:41.66666666666667%;}}
7-
.row .columns.six,.row .col.six{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.six,.row .col.six{width:50%;}}
8-
.row .columns.seven,.row .col.seven{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.seven,.row .col.seven{width:58.333333333333336%;}}
9-
.row .columns.eight,.row .col.eight{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.eight,.row .col.eight{width:66.66666666666666%;}}
10-
.row .columns.nine,.row .col.nine{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.nine,.row .col.nine{width:75%;}}
11-
.row .columns.ten,.row .col.ten{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.ten,.row .col.ten{width:83.33333333333334%;}}
12-
.row .columns.eleven,.row .col.eleven{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.eleven,.row .col.eleven{width:91.66666666666666%;}}
13-
.row .columns.twelve,.row .col.twelve{position:relative;float:left;min-height:1px;padding-left:15px;padding-right:15px;}@media (max-width:767px){.row .columns.twelve,.row .col.twelve{width:100%;}}
2+
.row .columns.one,.row .col.one{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.one,.row .col.one{float:left;width:8.333333333333332%;}}
3+
.row .columns.two,.row .col.two{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.two,.row .col.two{float:left;width:16.666666666666664%;}}
4+
.row .columns.three,.row .col.three{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.three,.row .col.three{float:left;width:25%;}}
5+
.row .columns.four,.row .col.four{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.four,.row .col.four{float:left;width:33.33333333333333%;}}
6+
.row .columns.five,.row .col.five{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.five,.row .col.five{float:left;width:41.66666666666667%;}}
7+
.row .columns.six,.row .col.six{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.six,.row .col.six{float:left;width:50%;}}
8+
.row .columns.seven,.row .col.seven{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.seven,.row .col.seven{float:left;width:58.333333333333336%;}}
9+
.row .columns.eight,.row .col.eight{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.eight,.row .col.eight{float:left;width:66.66666666666666%;}}
10+
.row .columns.nine,.row .col.nine{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.nine,.row .col.nine{float:left;width:75%;}}
11+
.row .columns.ten,.row .col.ten{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.ten,.row .col.ten{float:left;width:83.33333333333334%;}}
12+
.row .columns.eleven,.row .col.eleven{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.eleven,.row .col.eleven{float:left;width:91.66666666666666%;}}
13+
.row .columns.twelve,.row .col.twelve{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}@media (min-width:1200px){.row .columns.twelve,.row .col.twelve{float:left;width:100%;}}
1414
@media (min-width:1200px){.row .columns.offset-by-one,.row .col.offset-by-one{margin-left:8.333333333333332%;}}
1515
@media (min-width:1200px){.row .columns.offset-by-two,.row .col.offset-by-two{margin-left:16.666666666666664%;}}
1616
@media (min-width:1200px){.row .columns.offset-by-three,.row .col.offset-by-three{margin-left:25%;}}

0 commit comments

Comments
 (0)