_override-bootstrap-variables.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. //
  2. // Variables
  3. // --------------------------------------------------
  4. //== Colors
  5. //
  6. //## Gray and brand colors for use across Bootstrap.
  7. $gray-base: #000 !default;
  8. $gray-darker: lighten($gray-base, 13.5%) !default; // #222
  9. $gray-dark: lighten($gray-base, 20%) !default; // #333
  10. $gray: #f0f0f0;
  11. $gray-light: #f5f5f5;
  12. $gray-lighter: #fafafa;
  13. $gray-extralight: #fafafa; // Growi original
  14. $brand-primary: $primary;
  15. $brand-success: $success;
  16. $brand-info: $info;
  17. $brand-warning: $warning;
  18. $brand-danger: $danger;
  19. //== Typography
  20. //
  21. //## Font, line-height, and color for body text, headings, and more.
  22. $font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  23. $font-family-serif: Georgia, "Times New Roman", Times, serif;
  24. $font-family-monospace: Osaka-Mono, "MS Gothic", Monaco, Menlo, Consolas, "Courier New", monospace;
  25. $font-family-base: $font-family-sans-serif;
  26. //== Components
  27. //
  28. //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
  29. $border-radius-base: 0;
  30. $border-radius-large: 0;
  31. $border-radius-small: 0;
  32. //== Forms
  33. //
  34. //##
  35. //** `<input>` background color
  36. $input-bg: $bodycolor;
  37. //** `<input disabled>` background color
  38. $input-bg-disabled: darken($bodycolor, 10%);
  39. //** `<input>` border color
  40. $input-border: $border;