| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- //
- // Variables
- // --------------------------------------------------
- //== Colors
- //
- $primary: #112744;
- $secondary: #6c757d;
- $info: #0d8ea5;
- $success: #00bb83;
- $warning: #ee773b;
- $danger: #ff0a54;
- $light: #dee2e6;
- $dark: #343a40;
- //## Gray and brand colors for use across Bootstrap.
- $gray-base: #000 !default;
- $gray-darker: lighten($gray-base, 13.5%); // #222
- $gray-dark: lighten($gray-base, 20%); // #333
- $gray: lighten($gray-base, 33.5%); // #555
- $gray-light: lighten($gray-base, 46.7%); // #777
- $gray-lighter: lighten($gray-base, 93.5%); // #eee
- $gray-extralight: #fafafa; // Growi original
- $brand-primary: $primary;
- $brand-success: $success;
- $brand-info: $info;
- $brand-warning: $warning;
- $brand-danger: $danger;
- //== Typography
- //
- //## Font, line-height, and color for body text, headings, and more.
- $font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
- $font-family-serif: Georgia, "Times New Roman", Times, serif;
- $font-family-monospace: Osaka-Mono, 'MS Gothic', Monaco, Menlo, Consolas, 'Courier New', monospace;
- $font-family-base: $font-family-sans-serif;
- $font-size-root: 14px;
- $line-height-base: 1.42857;
- //== Components
- //
- //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
- $border-radius-base: 0;
- $border-radius-large: 0;
- $border-radius-small: 0;
- //== Buttons
- //
- //## For each of Bootstrap's buttons, define text, background and border color.
- $btn-default-bg: $btn-default-bgcolor;
- $btn-border-radius: 0;
- $btn-border-radius-lg: 0;
- $btn-border-radius-sm: 0;
- //== Forms
- //
- $input-border-radius: 0;
- $input-border-radius-lg: 0;
- $input-border-radius-sm: 0;
- //== Navs
- $nav-link-padding-y: 0.75rem;
- $nav-link-padding-x: 1rem;
- $nav-tabs-border-radius: 0;
- //== Navbar
- $navbar-padding-y: 0;
- $navbar-brand-padding-y: 0;
- $navbar-nav-link-padding-x: 1rem;
- //== Dropdowns
- $dropdown-border-radius: 0;
- //== card
- $card-border-radius: 0;
- $card-spacer-y: 7px;
- $card-spacer-x: 15px;
- //== Modals
- $modal-content-border-width: 0;
- $modal-content-border-radius: 0;
- $modal-header-padding-y: 0.75rem;
- $modal-header-padding-x: 1rem;
- //== Alerts
- $alert-border-radius: 0;
- //** `<input>` background color
- $input-bg: $bodycolor;
- //** `<input disabled>` background color
- $input-bg-disabled: $btn-default-bgcolor;
- //** `<input>` border color
- $input-border: $border;
- //== Progress bar
- $progress-height: 4px;
- $progress-border-radius: 0;
- $progress-bg: #f0f0f0;
- $progress-box-shadow: none;
|