_override-bootstrap-variables.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. //
  2. // Variables
  3. // --------------------------------------------------
  4. //== Colors
  5. //
  6. $primary: #112744;
  7. $secondary: #6c757d;
  8. $info: #0d8ea5;
  9. $success: #00bb83;
  10. $warning: #ee773b;
  11. $danger: #ff0a54;
  12. $light: #dee2e6;
  13. $dark: #343a40;
  14. //## Gray and brand colors for use across Bootstrap.
  15. $gray-base: #000 !default;
  16. $gray-darker: lighten($gray-base, 13.5%); // #222
  17. $gray-dark: lighten($gray-base, 20%); // #333
  18. $gray: lighten($gray-base, 33.5%); // #555
  19. $gray-light: lighten($gray-base, 46.7%); // #777
  20. $gray-lighter: lighten($gray-base, 93.5%); // #eee
  21. $gray-extralight: #fafafa; // Growi original
  22. $brand-primary: $primary;
  23. $brand-success: $success;
  24. $brand-info: $info;
  25. $brand-warning: $warning;
  26. $brand-danger: $danger;
  27. //== Typography
  28. //
  29. //## Font, line-height, and color for body text, headings, and more.
  30. $font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  31. $font-family-serif: Georgia, "Times New Roman", Times, serif;
  32. $font-family-monospace: Osaka-Mono, 'MS Gothic', Monaco, Menlo, Consolas, 'Courier New', monospace;
  33. $font-family-base: $font-family-sans-serif;
  34. $font-size-root: 14px;
  35. $line-height-base: 1.42857;
  36. //== Components
  37. //
  38. //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
  39. $border-radius-base: 0;
  40. $border-radius-large: 0;
  41. $border-radius-small: 0;
  42. //== Buttons
  43. //
  44. //## For each of Bootstrap's buttons, define text, background and border color.
  45. $btn-default-bg: $btn-default-bgcolor;
  46. $btn-border-radius: 0;
  47. $btn-border-radius-lg: 0;
  48. $btn-border-radius-sm: 0;
  49. //== Forms
  50. //
  51. $input-border-radius: 0;
  52. $input-border-radius-lg: 0;
  53. $input-border-radius-sm: 0;
  54. //== Navs
  55. $nav-link-padding-y: 0.75rem;
  56. $nav-link-padding-x: 1rem;
  57. $nav-tabs-border-radius: 0;
  58. //== Navbar
  59. $navbar-padding-y: 0;
  60. $navbar-brand-padding-y: 0;
  61. $navbar-nav-link-padding-x: 1rem;
  62. //== Dropdowns
  63. $dropdown-border-radius: 0;
  64. //== card
  65. $card-border-radius: 0;
  66. $card-spacer-y: 7px;
  67. $card-spacer-x: 15px;
  68. //== Modals
  69. $modal-content-border-width: 0;
  70. $modal-content-border-radius: 0;
  71. $modal-header-padding-y: 0.75rem;
  72. $modal-header-padding-x: 1rem;
  73. //== Alerts
  74. $alert-border-radius: 0;
  75. //** `<input>` background color
  76. $input-bg: $bodycolor;
  77. //** `<input disabled>` background color
  78. $input-bg-disabled: $btn-default-bgcolor;
  79. //** `<input>` border color
  80. $input-border: $border;
  81. //== Progress bar
  82. $progress-height: 4px;
  83. $progress-border-radius: 0;
  84. $progress-bg: #f0f0f0;
  85. $progress-box-shadow: none;