sgmap/boussole

View on GitHub
app/assets/stylesheets/globals/variables/_bootstrap.scss

Summary

Maintainability
Test Coverage
@charset "UTF-8";

/* Theme variables go here. Hey, hi Bootstrap! */

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-darker:                           $shade-of-gray-darker !default;
$gray-dark:                             $shade-of-gray-dark !default;
$gray:                                  $shade-of-gray-base !default;
$gray-light:                            $shade-of-gray-light !default;
$gray-lighter:                          $shade-of-gray-lighter !default;

$brand-default-darker:                  $default-darker !default;
$brand-default-dark:                    $default-dark !default;
$brand-default:                         $default-base !default;
$brand-default-light:                   $default-light !default;
$brand-default-lighter:                 $default-lighter !default;

$brand-primary-dark:                    $primary-dark !default;
$brand-primary:                         $primary-base !default;
$brand-primary-light:                   $primary-light !default;

$brand-success-dark:                    $success-dark !default;
$brand-success:                         $success-base !default;
$brand-success-light:                   $success-light !default;

$brand-info-dark:                       $info-dark !default;
$brand-info:                            $info-base !default;
$brand-info-light:                      $info-light !default;

$brand-warning-dark:                    $warning-dark !default;
$brand-warning:                         $warning-base !default;
$brand-warning-light:                   $warning-light !default;

$brand-danger-dark:                     $danger-dark !default;
$brand-danger:                          $danger-base !default;
$brand-danger-light:                    $danger-light !default;

//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
$body-bg:                               $white !default;
//** Global text color on `<body>`.
$text-color:                            $black-alpha-87 !default;

$text-color-dark-primary:               $text-color !default;
$text-color-dark-secondary:             $black-alpha-54 !default;
$text-color-dark-disabled:              $black-alpha-38 !default;
$text-color-dark-hint:                  $black-alpha-38 !default;
$text-color-dark-icon:                  $black-alpha-38 !default;
$text-color-dark-divider:               $black-alpha-12 !default;

$text-color-light-primary:              $white !default;
$text-color-light-secondary:            $white-alpha-70 !default;
$text-color-light-disabled:             $white-alpha-50 !default;
$text-color-light-hint:                 $white-alpha-50 !default;
$text-color-light-icon:                 $white-alpha-50 !default;
$text-color-light-divider:              $black-alpha-12 !default;

//** Global textual link color.
$link-color:                            $brand-default !default;
//** Link hover color set via `darken()` function.
$link-hover-color:                      $brand-default-dark !default;
//** Link hover decoration.
$link-hover-decoration:                 underline !default;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:                "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:                     Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace:                 Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:                      $font-family-sans-serif !default;

$font-size-base:                        $font-size-base-md !default;
$font-size-large:                       ceil(($font-size-base * 1.25)) !default; // ~23px
$font-size-small:                       ceil(($font-size-base * .85)) !default; // ~16px

$font-size-h1:                          2.25em !default;
$font-size-h2:                          1.75em !default;
$font-size-h3:                          1.5em !default;
$font-size-h4:                          1.25em !default;
$font-size-h5:                          1em !default;
$font-size-h6:                          .85em !default;

//** By default, this inherits from the `<body>`.
$headings-font-family:                  inherit !default;
$headings-font-weight:                  300 !default;
$headings-line-height:                  1.1 !default;
$headings-color:                        inherit !default;

//== 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:                 8px !default;
$padding-base-horizontal:               16px !default;

$padding-large-vertical:                12px !default;
$padding-large-horizontal:              24px !default;

$padding-small-vertical:                5px !default;
$padding-small-horizontal:              10px !default;

$padding-xs-vertical:                   1px !default;
$padding-xs-horizontal:                 5px !default;

$border-radius-base:                    0 !default;
$border-radius-large:                   0 !default;
$border-radius-small:                   0 !default;

//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for `<th>`s and `<td>`s.
$table-cell-padding:                    8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding:          5px !default;

//** Default background color used for all tables.
$table-bg:                              $body-bg !default;
//** Background color used for `.table-hover`.
$table-bg-hover:                        $gray-lighter !default;

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

$btn-font-weight:                       normal !default;

$btn-default-color:                     $white !default;
$btn-default-bg:                        $brand-default !default;
$btn-default-border:                    $black-alpha-12 !default;

$btn-primary-color:                     $btn-default-color !default;
$btn-primary-bg:                        $brand-primary !default;
$btn-primary-border:                    $btn-default-border !default;

$btn-success-color:                     $btn-primary-color !default;
$btn-success-bg:                        $brand-success !default;
$btn-success-border:                    $btn-default-border !default;

$btn-info-color:                        $btn-primary-color !default;
$btn-info-bg:                           $brand-info !default;
$btn-info-border:                       $btn-default-border !default;

$btn-warning-color:                     $btn-primary-color !default;
$btn-warning-bg:                        $brand-warning !default;
$btn-warning-border:                    $btn-default-border !default;

$btn-danger-color:                      $btn-primary-color !default;
$btn-danger-bg:                         $brand-danger !default;
$btn-danger-border:                     $btn-default-border !default;

$btn-disabled-color:                    $black-alpha-26 !default;
$btn-disabled-bg:                       $btn-default-border !default;
$btn-disabled-border:                   $btn-default-border !default;

$btn-link-disabled-color:               $black-alpha-38 !default;

//== Forms
//
//##

//** Text color for `<input>`s
$input-color:                           $text-color-dark-hint !default;

//== Navbar
//
//##

// Basics of a navbar
$navbar-default-color:                  $btn-primary-color !default;
$navbar-default-bg:                     $brand-default-dark !default;
$navbar-default-border:                 $btn-default-border !default;

// Navbar links
$navbar-default-link-color:             $navbar-default-color !default;
$navbar-default-link-hover-color:       $navbar-default-color !default;
$navbar-default-link-hover-bg:          darken($navbar-default-bg, 6.5) !default;
$navbar-default-link-active-color:      $navbar-default-color !default;
$navbar-default-link-active-bg:         darken($navbar-default-bg, 2.5) !default;
$navbar-default-link-disabled-color:    $white-alpha-30 !default;
$navbar-default-link-disabled-bg:       $white-alpha-12 !default;

// Navbar brand label
$navbar-default-brand-color:            $navbar-default-link-color !default;
$navbar-default-brand-hover-color:      $navbar-default-link-color !default;
$navbar-default-brand-hover-bg:         $navbar-default-bg !default;

// Navbar toggle
$navbar-default-toggle-hover-bg:        $navbar-default-link-hover-bg !default;
$navbar-default-toggle-icon-bar-bg:     $navbar-default-color !default;
$navbar-default-toggle-border-color:    transparent !default;

//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

$state-success-text:                    $brand-success !default;
$state-success-bg:                      #dff0d8 !default;
$state-success-border:                  $state-success-text !default;

$state-info-text:                       $brand-info !default;
$state-info-bg:                         #d9edf7 !default;
$state-info-border:                     $state-info-text !default;

$state-warning-text:                    $brand-warning !default;
$state-warning-bg:                      #fcf8e3 !default;
$state-warning-border:                  $state-warning-text !default;

$state-danger-text:                     $brand-danger !default;
$state-danger-bg:                       #f2dede !default;
$state-danger-border:                   $state-danger-text !default;