103 lines
3.2 KiB
SCSS
103 lines
3.2 KiB
SCSS
// Variables.less
|
|
// Variables to customize the look and feel of Bootstrap
|
|
// -----------------------------------------------------
|
|
|
|
|
|
|
|
// GLOBAL VALUES
|
|
// --------------------------------------------------
|
|
|
|
// Links
|
|
$linkColor: #08c !default;
|
|
$linkColorHover: darken($linkColor, 15%) !default;
|
|
|
|
// Grays
|
|
$black: #000 !default;
|
|
$grayDarker: #222 !default;
|
|
$grayDark: #333 !default;
|
|
$gray: #555 !default;
|
|
$grayLight: #999 !default;
|
|
$grayLighter: #eee !default;
|
|
$white: #fff !default;
|
|
|
|
// Accent colors
|
|
$blue: #049cdb !default;
|
|
$blueDark: #0064cd !default;
|
|
$green: #46a546 !default;
|
|
$red: #9d261d !default;
|
|
$yellow: #ffc40d !default;
|
|
$orange: #f89406 !default;
|
|
$pink: #c3325f !default;
|
|
$purple: #7a43b6 !default;
|
|
|
|
// Typography
|
|
$baseFontSize: 13px !default;
|
|
$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$baseLineHeight: 18px !default;
|
|
$textColor: $grayDark !default;
|
|
|
|
// Buttons
|
|
$primaryButtonBackground: $linkColor !default;
|
|
|
|
|
|
|
|
// COMPONENT VARIABLES
|
|
// --------------------------------------------------
|
|
|
|
// Z-index master list
|
|
// Used for a bird's eye view of components dependent on the z-axis
|
|
// Try to avoid customizing these :)
|
|
$zindexDropdown: 1000;
|
|
$zindexPopover: 1010;
|
|
$zindexTooltip: 1020;
|
|
$zindexFixedNavbar: 1030;
|
|
$zindexModalBackdrop: 1040;
|
|
$zindexModal: 1050;
|
|
|
|
// Input placeholder text color
|
|
$placeholderText: $grayLight !default;
|
|
|
|
// HR border color
|
|
$hrBorder: $grayLighter !default;
|
|
|
|
// Navbar
|
|
$navbarHeight: 40px !default;
|
|
$navbarBackground: $grayDarker !default;
|
|
$navbarBackgroundHighlight: $grayDark !default;
|
|
$navbarLinkBackgroundHover: transparent !default;
|
|
|
|
$navbarText: $grayLight !default;
|
|
$navbarLinkColor: $grayLight !default;
|
|
$navbarLinkColorHover: $white !default;
|
|
|
|
// Form states and alerts
|
|
$warningText: #c09853 !default;
|
|
$warningBackground: #fcf8e3 !default;
|
|
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
|
|
|
|
$errorText: #b94a48 !default;
|
|
$errorBackground: #f2dede !default;
|
|
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
|
|
|
|
$successText: #468847 !default;
|
|
$successBackground: #dff0d8 !default;
|
|
$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
|
|
|
|
$infoText: #3a87ad !default;
|
|
$infoBackground: #d9edf7 !default;
|
|
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
|
|
|
|
|
|
|
|
// GRID
|
|
// --------------------------------------------------
|
|
|
|
// Default 940px grid
|
|
$gridColumns: 12 !default;
|
|
$gridColumnWidth: 60px !default;
|
|
$gridGutterWidth: 20px !default;
|
|
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
|
|
|
|
// Fluid grid
|
|
$fluidGridColumnWidth: 6.382978723% !default;
|
|
$fluidGridGutterWidth: 2.127659574% !default; |