21 lines
716 B
CSS
21 lines
716 B
CSS
/**
|
|
* This will display them grid elements as block rather than inline for mobile browsers
|
|
* (essentially anything smaller than the narrow grid size, and media query declares.
|
|
*/
|
|
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
|
|
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
|
|
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
|
|
position: relative;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Grid panels inside blocks need their margins negated. */
|
|
.container-12 .block .omega-grid,
|
|
.container-16 .block .omega-grid,
|
|
.container-24 .block .omega-grid {
|
|
position: relative;
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|