_variables.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* stylelint-disable scss/comment-no-empty */
  2. @use 'sass:color';
  3. // Variables
  4. //
  5. // Variables should follow the `$component-state-property-size` formula for
  6. // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
  7. // Color system
  8. $success: #4a9017 !default;
  9. $info: #4689aa !default;
  10. $warning: #c99818 !default;
  11. $danger: #de4d4d !default;
  12. $success-text-emphasis: color.mix($gray-900, $success, 30%) !default;
  13. $info-text-emphasis: color.mix($gray-900, $info, 30%) !default;
  14. $warning-text-emphasis: color.mix($gray-900, $warning, 30%) !default;
  15. $danger-text-emphasis: color.mix($gray-900, $danger, 30%) !default;
  16. $success-bg-subtle: color.mix(#fff, $success, 90%) !default;
  17. $info-bg-subtle: color.mix(#fff, $info, 90%) !default;
  18. $warning-bg-subtle: color.mix(#fff, $warning, 90%) !default;
  19. $danger-bg-subtle: color.mix(#fff, $danger, 90%) !default;
  20. $success-border-subtle: color.mix(#fff, $success, 70%) !default;
  21. $info-border-subtle: color.mix(#fff, $info, 70%) !default;
  22. $warning-border-subtle: color.mix(#fff, $warning, 70%) !default;
  23. $danger-border-subtle: color.mix(#fff, $danger, 70%) !default;
  24. // Options
  25. //
  26. // Quickly modify global styling by enabling or disabling optional features.
  27. $enable-shadows: true;
  28. $box-shadow-inset: inset 0 0 rgba(black, 0); // set invisible value for inset
  29. // Buttons
  30. //
  31. // For each of Bootstrap's buttons, define text, background, and border color.
  32. $btn-box-shadow: 0;
  33. $btn-active-box-shadow: 0;
  34. // Links
  35. //
  36. // Style anchor elements.
  37. $link-decoration: none;
  38. // == Typography
  39. //
  40. // ## Font, line-height, and color for body text, headings, and more.
  41. $font-family-sans-serif: var(--font-family-sans-serif);
  42. $font-family-serif: var(--font-family-serif);
  43. $font-family-monospace: var(--font-family-monospace);
  44. $font-family-base: $font-family-sans-serif;
  45. // == Dropdowns
  46. $dropdown-header-padding-y: 0 !default;
  47. // == Modals
  48. $modal-footer-border-width: 0;
  49. // == Custom Checkbox
  50. $form-check-indicator-size: 1.2rem;