alpha-mobile.css 716 B

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