_utilities.scss 1.9 KB

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