_variables.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. $box-shadow-inset: inset 0 0 rgba(black, 0); // set invisible value for inset
  27. // Buttons
  28. //
  29. // For each of Bootstrap's buttons, define text, background, and border color.
  30. $btn-box-shadow: 0;
  31. $btn-active-box-shadow: 0;
  32. // Links
  33. //
  34. // Style anchor elements.
  35. $link-decoration: none;
  36. //== Typography
  37. //
  38. //## Font, line-height, and color for body text, headings, and more.
  39. $font-family-sans-serif: var(--font-family-sans-serif);
  40. $font-family-serif: var(--font-family-serif);
  41. $font-family-monospace: var(--font-family-monospace);
  42. $font-family-base: $font-family-sans-serif;
  43. //== Dropdowns
  44. $dropdown-header-padding-y: 0 !default;
  45. //== Modals
  46. $modal-footer-border-width: 0;
  47. //== Custom Checkbox
  48. $form-check-indicator-size: 1.2rem;