_variables.scss 1.9 KB

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