_override-bootstrap-variables.scss 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. //
  2. // Variables
  3. // --------------------------------------------------
  4. //== Colors
  5. //
  6. $primary: $growi-blue !default;
  7. $secondary: #6c757d !default;
  8. $info: #009fbb !default;
  9. $success: #00bb83 !default;
  10. $warning: #ffa32b !default;
  11. $danger: #ff0a54 !default;
  12. $light: #e4e7ea !default;
  13. $dark: #343a40 !default;
  14. $gray-50: lighten($light, 7%) !default;
  15. $gray-100: lighten($light, 4%) !default;
  16. $gray-200: $light !default;
  17. $gray-300: darken($light, 5%) !default;
  18. $gray-400: darken($light, 20%) !default;
  19. $gray-500: darken($light, 30%) !default;
  20. $gray-600: lighten($dark, 10%) !default;
  21. $gray-700: lighten($dark, 5%) !default;
  22. $gray-800: $dark !default;
  23. $gray-900: darken($dark, 5%) !default;
  24. $grays: ("50": $gray-50) !default;
  25. $red: #ff0a54 !default;
  26. //== Typography
  27. //
  28. //## Font, line-height, and color for body text, headings, and more.
  29. $font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  30. $font-family-serif: Georgia, "Times New Roman", Times, serif;
  31. $font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  32. $font-family-base: $font-family-sans-serif;
  33. $font-size-root: 14px;
  34. $line-height-base: 1.42857;
  35. //== Components
  36. //
  37. $border-radius: .15rem;
  38. $border-radius-sm: .1rem;
  39. $border-radius-lg: .25rem;
  40. $border-radius-xl: .35rem;
  41. //== Forms
  42. //
  43. $input-border-radius: $border-radius-sm;
  44. $input-border-radius-sm: $border-radius-sm;
  45. $input-border-radius-lg: $border-radius;
  46. //== Navs
  47. $nav-link-padding-y: 0.75rem;
  48. $nav-link-padding-x: 1rem;
  49. //== Navbar
  50. $navbar-padding-y: 0;
  51. $navbar-brand-padding-y: 0;
  52. $navbar-nav-link-padding-x: 1rem;
  53. //== Dropdowns
  54. $dropdown-border-radius: $border-radius-sm;
  55. //== card
  56. $card-spacer-y: 7px;
  57. $card-spacer-x: 15px;
  58. //== Modals
  59. $modal-content-border-width: 0;
  60. $modal-header-padding-y: 0.75rem;
  61. $modal-header-padding-x: 1rem;
  62. //== Alerts
  63. $alert-bg-level: -2;
  64. $alert-border-level: 0;
  65. $alert-color-level: -10;
  66. //== Progress bar
  67. $progress-height: 4px;
  68. $progress-border-radius: $border-radius-sm;
  69. $progress-bg: $gray-100;
  70. $progress-box-shadow: none;
  71. //== Code
  72. $pre-color: dummyinvalildcolor; // disable pre color specification with invalid value
  73. //== Custom Checkbox
  74. $custom-checkbox-indicator-border-radius: 0px;
  75. $custom-control-indicator-focus-box-shadow: none;
  76. $custom-control-indicator-size: 1.2rem;