_override-bootstrap-variables.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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%); // #222
  9. $gray-dark: lighten($gray-base, 20%); // #333
  10. $gray: lighten($gray-base, 33.5%); // #555
  11. $gray-light: lighten($gray-base, 46.7%); // #777
  12. $gray-lighter: lighten($gray-base, 93.5%); // #eee
  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. //== Buttons
  33. //
  34. //## For each of Bootstrap's buttons, define text, background and border color.
  35. $btn-default-bg: $btn-default-bgcolor;
  36. //== Forms
  37. //
  38. //##
  39. //** `<input>` background color
  40. $input-bg: $bodycolor;
  41. //** `<input disabled>` background color
  42. $input-bg-disabled: $btn-default-bgcolor;
  43. //** `<input>` border color
  44. $input-border: $border;