Lungo.layout.grid.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .row {
  2. width: 100%;
  3. margin: 0 auto;
  4. *zoom: 1;
  5. &:before, &:after {
  6. content: "";
  7. display: table;
  8. }
  9. &:after { clear: both; }
  10. &.one { height: 10%; }
  11. &.two { height: 20%; }
  12. &.three { height: 30%; }
  13. &.four { height: 40%; }
  14. &.five { height: 50%; }
  15. &.six { height: 60%; }
  16. &.seven { height: 70%; }
  17. &.eight { height: 80%; }
  18. &.nine { height: 90%; }
  19. &.ten { height: 100%; }
  20. }
  21. .column, .columns {
  22. float: left;
  23. position: relative;
  24. display: block;
  25. height: 100%;
  26. &.centered {
  27. float: none;
  28. margin: 0 auto;
  29. }
  30. &.one { width: 10%; }
  31. &.two { width: 20%; }
  32. &.three { width: 30%; }
  33. &.four { width: 40%; }
  34. &.five { width: 50%; }
  35. &.six { width: 60%; }
  36. &.seven { width: 70%; }
  37. &.eight { width: 80%; }
  38. &.nine { width: 90%; }
  39. &.ten { width: 100%; }
  40. }
  41. [class*="column"] + [class*="column"]:last-child { float: right; }
  42. [class*="column"] + [class*="column"].end { float: left; }