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;
}
@media only screen and (max-width : 1000px) {
@media only screen and (max-width : 998px) {
.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 {
padding: 0% 8%;
}
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
}
@media only screen and (min-width : 1500px) {
.ui.responsive.grid {
padding: 0% 13%;
}
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
}
@media only screen and (min-width : 1750px) {
.ui.responsive.grid {
padding: 0% 18%;
}
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
}
@media only screen and (min-width : 2000px) {
.ui.responsive.grid {
padding: 0% 23%;
}
.ui.responsive.grid > .column,
.ui.responsive.grid > .row > .column {
}
}
/*-------------------

Loading…
Cancel
Save