_variables.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. // Links
  23. //
  24. // Style anchor elements.
  25. $link-decoration: none;
  26. //== Typography
  27. //
  28. //## Font, line-height, and color for body text, headings, and more.
  29. $font-family-sans-serif: var(--font-family-sans-serif);
  30. $font-family-serif: var(--font-family-serif);
  31. $font-family-monospace: var(--font-family-monospace);
  32. $font-family-base: $font-family-sans-serif;
  33. //== Dropdowns
  34. $dropdown-header-padding-y: 0 !default;
  35. //== Modals
  36. $modal-footer-border-width: 0;
  37. //== Custom Checkbox
  38. $form-check-indicator-size: 1.2rem;