Guest User

Untitled

a guest
Jun 19th, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.76 KB | None | 0 0
  1. // import base file
  2.  
  3. @import "base/base-main";
  4.  
  5. // grid template partial
  6.  
  7. $grid-columns: 12;
  8. $grid-pixels: 60px;
  9. $grid-gutter-width: 20px;
  10.  
  11. .grid {
  12. @include clearfix;
  13. @include grid-coordinates;
  14. @extend .grid-container;
  15. @extend .wrapped;
  16. .column {
  17. @include clearfix;
  18. }
  19. > :first-child {
  20. margin-left: 0;
  21. }
  22. }
  23.  
  24. .grid.two {
  25.  
  26. .column {
  27. @include grid-6;
  28. }
  29. }
  30.  
  31. .grid.two.a {
  32.  
  33. > .column:first-child {
  34. @extend .grid-8;
  35. }
  36. > .column:last-child {
  37. @extend .grid-4;
  38. }
  39. }
  40.  
  41. .grid.two.b {
  42.  
  43. > .column:first-child {
  44. @extend .grid-4;
  45. }
  46. > .column:last-child {
  47. @extend .grid-8;
  48. }
  49. }
  50.  
  51. .grid.three {
  52.  
  53. .column {
  54. @extend .grid-4;
  55. }
  56. }
  57.  
  58. .grid.four {
  59.  
  60. .column {
  61. @extend .grid-3;
  62. }
  63. }
Add Comment
Please, Sign In to add comment