134 lines
3.4 KiB
SCSS
134 lines
3.4 KiB
SCSS
|
// Override Bootstrap variables here (defaults from bootstrap-sass v3.3.3):
|
||
|
|
// For all variables see https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_bootstrap-variables.sass
|
||
|
|
//
|
||
|
|
// Variables
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
|
||
|
|
//== Colors
|
||
|
|
//
|
||
|
|
//## Gray and brand colors for use across Bootstrap.
|
||
|
|
|
||
|
|
// $gray-base: #000
|
||
|
|
// $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
|
||
|
|
|
||
|
|
$brand-primary: $gl-primary;
|
||
|
|
$brand-success: $gl-success;
|
||
|
|
$brand-info: $gl-info;
|
||
|
|
$brand-warning: $gl-warning;
|
||
|
|
$brand-danger: $gl-danger;
|
||
|
|
|
||
|
|
|
||
|
|
//== Scaffolding
|
||
|
|
//
|
||
|
|
$text-color: $gl-text-color;
|
||
|
|
$link-color: $gl-link-color;
|
||
|
|
|
||
|
|
|
||
|
|
//== Typography
|
||
|
|
//
|
||
|
|
//## Font, line-height, and color for body text, headings, and more.
|
||
|
|
|
||
|
|
$font-family-sans-serif: $regular_font;
|
||
|
|
$font-family-monospace: $monospace_font;
|
||
|
|
$font-size-base: $gl-font-size;
|
||
|
|
|
||
|
|
|
||
|
|
//== Components
|
||
|
|
//
|
||
|
|
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
||
|
|
|
||
|
|
$padding-base-vertical: 6px;
|
||
|
|
$padding-base-horizontal: 14px;
|
||
|
|
|
||
|
|
|
||
|
|
//== Forms
|
||
|
|
//
|
||
|
|
//##
|
||
|
|
|
||
|
|
$input-color: $text-color;
|
||
|
|
$input-border: #DDD;
|
||
|
|
$input-border-focus: $brand-info;
|
||
|
|
$legend-color: $text-color;
|
||
|
|
|
||
|
|
|
||
|
|
//== Pagination
|
||
|
|
//
|
||
|
|
//##
|
||
|
|
|
||
|
|
$pagination-color: #fff;
|
||
|
|
$pagination-bg: $brand-success;
|
||
|
|
$pagination-border: transparent;
|
||
|
|
|
||
|
|
$pagination-hover-color: #fff;
|
||
|
|
$pagination-hover-bg: darken($brand-success, 15%);
|
||
|
|
$pagination-hover-border: transparent;
|
||
|
|
|
||
|
|
$pagination-active-color: #fff;
|
||
|
|
$pagination-active-bg: darken($brand-success, 15%);
|
||
|
|
$pagination-active-border: transparent;
|
||
|
|
|
||
|
|
$pagination-disabled-color: #b4bcc2;
|
||
|
|
$pagination-disabled-bg: lighten($brand-success, 15%);
|
||
|
|
$pagination-disabled-border: transparent;
|
||
|
|
|
||
|
|
|
||
|
|
//== Form states and alerts
|
||
|
|
//
|
||
|
|
//## Define colors for form feedback states and, by default, alerts.
|
||
|
|
|
||
|
|
$state-success-text: #fff;
|
||
|
|
$state-success-bg: $brand-success;
|
||
|
|
$state-success-border: $brand-success;
|
||
|
|
|
||
|
|
$state-info-text: #fff;
|
||
|
|
$state-info-bg: $brand-info;
|
||
|
|
$state-info-border: $brand-info;
|
||
|
|
|
||
|
|
$state-warning-text: #fff;
|
||
|
|
$state-warning-bg: $brand-warning;
|
||
|
|
$state-warning-border: $brand-warning;
|
||
|
|
|
||
|
|
$state-danger-text: #fff;
|
||
|
|
$state-danger-bg: $brand-danger;
|
||
|
|
$state-danger-border: $brand-danger;
|
||
|
|
|
||
|
|
|
||
|
|
//== Alerts
|
||
|
|
//
|
||
|
|
//## Define alert colors, border radius, and padding.
|
||
|
|
|
||
|
|
$alert-border-radius: 0;
|
||
|
|
|
||
|
|
|
||
|
|
//== Panels
|
||
|
|
//
|
||
|
|
//##
|
||
|
|
|
||
|
|
$panel-border-radius: 0;
|
||
|
|
$panel-default-text: $text-color;
|
||
|
|
$panel-default-border: $border-color;
|
||
|
|
$panel-default-heading-bg: $background-color;
|
||
|
|
|
||
|
|
|
||
|
|
//== Wells
|
||
|
|
//
|
||
|
|
//##
|
||
|
|
|
||
|
|
$well-bg: #F9F9F9;
|
||
|
|
$well-border: #EEE;
|
||
|
|
|
||
|
|
//== Code
|
||
|
|
//
|
||
|
|
//##
|
||
|
|
|
||
|
|
$code-color: #c7254e;
|
||
|
|
$code-bg: #f9f2f4;
|
||
|
|
|
||
|
|
$kbd-color: #fff;
|
||
|
|
$kbd-bg: #333;
|