_utilities.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. $border-values: (
  2. null: var(--#{$prefix}border-width) var(--#{$prefix}border-style)
  3. $border-color-translucent,
  4. wide: $border-width-wide var(--#{$prefix}border-style)
  5. $border-color-translucent,
  6. 0: 0,
  7. );
  8. //Utilities
  9. $utilities: (
  10. "object": (
  11. property: object-fit,
  12. class: object,
  13. values: (
  14. contain: contain,
  15. cover: cover,
  16. fill: fill,
  17. scale-down: scale-down,
  18. none: none,
  19. ),
  20. ),
  21. "spacing": (
  22. property: letter-spacing,
  23. class: tracking,
  24. values: (
  25. tight: -0.05em,
  26. normal: 0,
  27. wide: 0.05em,
  28. ),
  29. ),
  30. "cursor": (
  31. property: cursor,
  32. class: cursor,
  33. values: (
  34. auto: auto,
  35. pointer: pointer,
  36. move: move,
  37. not-allowed: not-allowed,
  38. zoom-in: zoom-in,
  39. zoom-out: zoom-out,
  40. default: default,
  41. none: none,
  42. help: help,
  43. progress: progress,
  44. wait: wait,
  45. text: text,
  46. v-text: vertical-text,
  47. grab: grab,
  48. grabbing: grabbing,
  49. ),
  50. ),
  51. "border": (
  52. property: border,
  53. values: $border-values,
  54. ),
  55. "border-top": (
  56. property: border-top,
  57. values: $border-values,
  58. ),
  59. "border-end": (
  60. class: border-end,
  61. property: border-right,
  62. values: $border-values,
  63. ),
  64. "border-bottom": (
  65. property: border-bottom,
  66. values: $border-values,
  67. ),
  68. "border-start": (
  69. class: border-start,
  70. property: border-left,
  71. values: $border-values,
  72. ),
  73. "border-x": (
  74. class: border-x,
  75. property: border-left border-right,
  76. values: $border-values,
  77. ),
  78. "border-y": (
  79. class: border-y,
  80. property: border-top border-bottom,
  81. values: $border-values,
  82. ),
  83. "width": (
  84. property: width,
  85. class: w,
  86. values: $size-values,
  87. ),
  88. "height": (
  89. property: height,
  90. class: h,
  91. values: $size-values,
  92. ),
  93. "columns": (
  94. property: columns,
  95. class: columns,
  96. responsive: true,
  97. values: 2 3 4,
  98. ),
  99. ) !default;