spacing.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Shorthand margin and padding utility classes from Bootstrap v4-dev
  2. //
  3. // <p class="m-b-0">I am a paragraph that needs no bottom margin</p>
  4. // The classes are named using the format: {property}-{sides}-{size}
  5. // TODO: Remove once we upgrade to Bootstrap 4
  6. //
  7. // Copyright (c) 2011-2016 Twitter, Inc.
  8. // Variables
  9. @spacer-x: 20px;
  10. @spacer-y: 20px;
  11. // Margin
  12. .m-b-0 {
  13. margin-bottom: 0 !important;
  14. }
  15. .m-t-1 {
  16. margin-top: @spacer-y !important;
  17. }
  18. .m-b-1 {
  19. margin-bottom: @spacer-y !important;
  20. }
  21. .m-b-2 {
  22. margin-bottom: (@spacer-y * 1.5) !important;
  23. }
  24. // Padding
  25. .p-a-0 {
  26. padding: 0 0 !important;
  27. }
  28. .p-t-0 {
  29. padding-top: 0 !important;
  30. }
  31. .p-a-1 {
  32. padding: @spacer-y @spacer-x !important;
  33. }
  34. .p-t-1 {
  35. padding-top: @spacer-y !important;
  36. }
  37. .p-b-1 {
  38. padding-bottom: @spacer-y !important;
  39. }
  40. .p-t-2 {
  41. padding-top: (@spacer-y * 1.5) !important;
  42. }
  43. .p-y-2 {
  44. padding-top: (@spacer-y * 1.5) !important;
  45. padding-bottom: (@spacer-y * 1.5) !important;
  46. }
  47. // Clear
  48. .c-b {
  49. clear: both;
  50. }
  51. .c-l {
  52. clear: left;
  53. }
  54. .c-r {
  55. clear: right;
  56. }