row.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .row:before,
  2. .row:after {
  3. display: table;
  4. content: " ";
  5. }
  6. .row:after {
  7. clear: both;
  8. }
  9. .row:before,
  10. .row:after {
  11. display: table;
  12. content: " ";
  13. }
  14. .row:after {
  15. clear: both;
  16. }
  17. .row {
  18. margin: 0 -5px;
  19. > div {
  20. position: relative;
  21. min-height: 1px;
  22. padding-right: 5px;
  23. padding-left: 5px;
  24. float: left;
  25. img {
  26. max-width: 100%;
  27. }
  28. }
  29. &.no-gutter {
  30. margin: 0 !important;
  31. > div {
  32. padding: 0px !important;
  33. }
  34. }
  35. &.cols-12 > div { width: percentage(1 / 12); }
  36. &.cols-11 > div { width: percentage(1 / 11); }
  37. &.cols-10 > div { width: percentage(1 / 10); }
  38. &.cols-9 > div { width: percentage(1 / 9); }
  39. &.cols-8 > div { width: percentage(1 / 8); }
  40. &.cols-7 > div { width: percentage(1 / 7); }
  41. &.cols-6 > div { width: percentage(1 / 6); }
  42. &.cols-5 > div { width: percentage(1 / 5); }
  43. &.cols-4 > div { width: percentage(1 / 4); }
  44. &.cols-3 > div { width: percentage(1 / 3); }
  45. &.cols-2 > div { width: percentage(1 / 2); }
  46. &.cols-1 > div { width: percentage(1 / 1); }
  47. }