_variables.scss 1.7 KB

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