Browse Source

Computer breakpoint is now 992 instead of 998 (match bootstrap)

pull/568/head
jlukic 11 years ago
parent
commit
20ecf5648e
1 changed files with 7 additions and 7 deletions
  1. 14
      src/collections/grid.less

14
src/collections/grid.less

@ -110,12 +110,12 @@ body > .ui.grid {
margin-right: 0%;
}
@media only screen and (max-width : 998px) {
@media only screen and (max-width : 992px) {
.ui.page.grid {
padding: 0% 4%;
}
}
@media only screen and (min-width : 998px) {
@media only screen and (min-width : 992px) {
.ui.page.grid {
padding: 0% 8%;
}
@ -551,7 +551,7 @@ body > .ui.grid {
}
}
/* Tablet Only */
@media only screen and (min-width : 768px) and (max-width : 998px) {
@media only screen and (min-width : 768px) and (max-width : 992px) {
.ui.tablet.only.grid,
.ui.grid > .tablet.only.row {
display: block !important;
@ -578,7 +578,7 @@ body > .ui.grid {
display: table-cell !important;
}
}
@media only screen and (max-width : 768px), (min-width: 998px) {
@media only screen and (max-width : 768px), (min-width: 992px) {
.ui.tablet.only.grid,
.ui.grid > .tablet.only.row,
.ui.grid > .tablet.only.column,
@ -587,7 +587,7 @@ body > .ui.grid {
}
}
/* Computer Only */
@media only screen and (min-width : 998px) {
@media only screen and (min-width : 992px) {
.ui.computer.only.grid,
.ui.grid > .computer.only.row {
display: block !important;
@ -614,7 +614,7 @@ body > .ui.grid {
display: table-cell !important;
}
}
@media only screen and (max-width : 998px) {
@media only screen and (max-width : 992px) {
.ui.computer.only.grid,
.ui.grid > .computer.only.row,
.ui.grid > .computer.only.column,
@ -693,7 +693,7 @@ body > .ui.grid {
}
/* Tablet Only */
@media only screen and (min-width : 768px) and (max-width : 998px) {
@media only screen and (min-width : 768px) and (max-width : 992px) {
.ui.two.column.doubling.grid > .row > .column,
.ui.two.column.doubling.grid > .column,
.ui.grid > .two.column.doubling.row > .column {

Loading…
Cancel
Save