_spacing-overrides.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. /*
  2. * Margins
  3. */
  4. .margin-top-none {
  5. margin-top: 0 !important;
  6. }
  7. .margin-top-half {
  8. margin-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  9. }
  10. .margin-top-default {
  11. margin-top: var(--global--spacing-vertical) !important;
  12. }
  13. .margin-right-none {
  14. /*rtl:ignore*/
  15. margin-right: 0 !important;
  16. }
  17. .margin-right-half {
  18. /*rtl:ignore*/
  19. margin-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  20. }
  21. .margin-right-default {
  22. /*rtl:ignore*/
  23. margin-right: var(--global--spacing-vertical) !important;
  24. }
  25. .margin-bottom-none {
  26. margin-bottom: 0 !important;
  27. }
  28. .margin-bottom-half {
  29. margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  30. }
  31. .margin-bottom-default {
  32. margin-bottom: var(--global--spacing-vertical) !important;
  33. }
  34. .margin-left-none {
  35. /*rtl:ignore*/
  36. margin-left: 0 !important;
  37. }
  38. .margin-left-half {
  39. /*rtl:ignore*/
  40. margin-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  41. }
  42. .margin-left-default {
  43. /*rtl:ignore*/
  44. margin-left: var(--global--spacing-vertical) !important;
  45. }
  46. /*
  47. * Padding
  48. */
  49. .padding-top-none {
  50. padding-top: 0 !important;
  51. }
  52. .padding-top-half {
  53. padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
  54. }
  55. .padding-top-default {
  56. padding-top: var(--global--spacing-vertical) !important;
  57. }
  58. .padding-right-none {
  59. /*rtl:ignore*/
  60. padding-right: 0 !important;
  61. }
  62. .padding-right-half {
  63. /*rtl:ignore*/
  64. padding-right: calc(0.5 * var(--global--spacing-vertical)) !important;
  65. }
  66. .padding-right-default {
  67. /*rtl:ignore*/
  68. padding-right: var(--global--spacing-vertical) !important;
  69. }
  70. .padding-bottom-none {
  71. padding-bottom: 0 !important;
  72. }
  73. .padding-bottom-half {
  74. padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
  75. }
  76. .padding-bottom-default {
  77. padding-bottom: var(--global--spacing-vertical) !important;
  78. }
  79. .padding-left-none {
  80. /*rtl:ignore*/
  81. padding-left: 0 !important;
  82. }
  83. .padding-left-half {
  84. /*rtl:ignore*/
  85. padding-left: calc(0.5 * var(--global--spacing-vertical)) !important;
  86. }
  87. .padding-left-default {
  88. /*rtl:ignore*/
  89. padding-left: var(--global--spacing-vertical) !important;
  90. }