_utilities.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. // Utilities
  2. $utilities-alt: () !default;
  3. // stylelint-disable-next-line scss/dollar-variable-default
  4. $utilities-alt: map-merge(
  5. (
  6. "shadow": (
  7. property: box-shadow,
  8. class: shadow,
  9. values: (
  10. null: $box-shadow-alt,
  11. sm: $box-shadow-sm-alt,
  12. lg: $box-shadow-lg-alt,
  13. )
  14. ),
  15. "border": (
  16. property: border,
  17. values: (
  18. null: $border-width solid $border-color-alt,
  19. )
  20. ),
  21. "border-top": (
  22. property: border-top,
  23. values: (
  24. null: $border-width solid $border-color-alt,
  25. )
  26. ),
  27. "border-end": (
  28. property: border-right,
  29. class: border-end,
  30. values: (
  31. null: $border-width solid $border-color-alt,
  32. )
  33. ),
  34. "border-bottom": (
  35. property: border-bottom,
  36. values: (
  37. null: $border-width solid $border-color-alt,
  38. )
  39. ),
  40. "border-start": (
  41. property: border-left,
  42. class: border-start,
  43. values: (
  44. null: $border-width solid $border-color-alt,
  45. )
  46. ),
  47. "border-color": (
  48. property: border-color,
  49. class: border,
  50. values: map-merge(
  51. $theme-colors-alt,
  52. (
  53. "white": $white-alt,
  54. "black": $black-alt
  55. )
  56. )
  57. ),
  58. // Text
  59. // DONT NEED TO DARK, CSS VARS TAKES CARE OF THIS.
  60. // "gradient": (
  61. // property: background-image,
  62. // class: bg,
  63. // values: (gradient: var(--#{$variable-prefix}gradient))
  64. // )
  65. "color": (
  66. property: color,
  67. class: text,
  68. values: map-merge(
  69. $theme-colors-alt,
  70. (
  71. "body": $body-color-alt,
  72. "muted": $text-muted-alt,
  73. "white": $white-alt,
  74. "black": $black-alt,
  75. "white-50": rgba($white-alt, .5),
  76. "black-50": rgba($black-alt, .5)
  77. )
  78. )
  79. ),
  80. "background-color": (
  81. property: background-color,
  82. class: bg,
  83. values: map-merge(
  84. $theme-colors-alt,
  85. (
  86. "body": $body-bg-alt,
  87. "white": $white-alt,
  88. "black": $black-alt
  89. )
  90. )
  91. )
  92. ),
  93. $utilities-alt
  94. );