_gutters.scss 1000 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .gutters-0 {
  2. margin-right: 0;
  3. margin-left: 0;
  4. > {
  5. .col, [class*="col-"] {
  6. padding-right: 0;
  7. padding-left: 0;
  8. }
  9. }
  10. .card {
  11. margin-bottom: 0;
  12. }
  13. }
  14. .gutters-xs {
  15. margin-right: -0.25rem;
  16. margin-left: -0.25rem;
  17. > {
  18. .col, [class*="col-"] {
  19. padding-right: 0.25rem;
  20. padding-left: 0.25rem;
  21. }
  22. }
  23. .card {
  24. margin-bottom: 0.5rem;
  25. }
  26. }
  27. .gutters-sm {
  28. margin-right: -0.5rem;
  29. margin-left: -0.5rem;
  30. > {
  31. .col, [class*="col-"] {
  32. padding-right: 0.5rem;
  33. padding-left: 0.5rem;
  34. }
  35. }
  36. .card {
  37. margin-bottom: 1rem;
  38. }
  39. }
  40. .gutters-lg {
  41. margin-right: -1rem;
  42. margin-left: -1rem;
  43. > {
  44. .col, [class*="col-"] {
  45. padding-right: 1rem;
  46. padding-left: 1rem;
  47. }
  48. }
  49. .card {
  50. margin-bottom: 2rem;
  51. }
  52. }
  53. .gutters-xl {
  54. margin-right: -1.5rem;
  55. margin-left: -1.5rem;
  56. > {
  57. .col, [class*="col-"] {
  58. padding-right: 1.5rem;
  59. padding-left: 1.5rem;
  60. }
  61. }
  62. .card {
  63. margin-bottom: 3rem;
  64. }
  65. }