Browse Source

makes mobile responsive grid integer

Former-commit-id: 660238c332
Former-commit-id: c25d9f526c
pull/258/head
jlukic 11 years ago
parent
commit
b11541c108
1 changed files with 3 additions and 18 deletions
  1. 21
      src/collections/grid.less

21
src/collections/grid.less

@ -112,45 +112,30 @@
min-width: 320px; min-width: 320px;
} }
@media only screen and (max-width : 1000px) {
@media only screen and (max-width : 998px) {
.ui.responsive.grid { .ui.responsive.grid {
padding: 0% 5.55%;
}
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
padding: 0% 4%;
} }
} }
@media only screen and (min-width : 1000px) {
@media only screen and (min-width : 998px) {
.ui.responsive.grid { .ui.responsive.grid {
padding: 0% 8%; padding: 0% 8%;
} }
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
} }
@media only screen and (min-width : 1500px) { @media only screen and (min-width : 1500px) {
.ui.responsive.grid { .ui.responsive.grid {
padding: 0% 13%; padding: 0% 13%;
} }
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
} }
@media only screen and (min-width : 1750px) { @media only screen and (min-width : 1750px) {
.ui.responsive.grid { .ui.responsive.grid {
padding: 0% 18%; padding: 0% 18%;
} }
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
} }
@media only screen and (min-width : 2000px) { @media only screen and (min-width : 2000px) {
.ui.responsive.grid { .ui.responsive.grid {
padding: 0% 23%; padding: 0% 23%;
} }
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
} }
/*------------------- /*-------------------

Loading…
Cancel
Save