diff options
Diffstat (limited to 'app/assets/stylesheets/bootstrap/_variables.scss')
-rw-r--r-- | app/assets/stylesheets/bootstrap/_variables.scss | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/app/assets/stylesheets/bootstrap/_variables.scss b/app/assets/stylesheets/bootstrap/_variables.scss new file mode 100644 index 0000000..8fc17b0 --- /dev/null +++ b/app/assets/stylesheets/bootstrap/_variables.scss @@ -0,0 +1,107 @@ +// Variables.scss +// 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 !default; +$zindexPopover: 1010 !default; +$zindexTooltip: 1020 !default; +$zindexFixedNavbar: 1030 !default; +$zindexModalBackdrop: 1040 !default; +$zindexModal: 1050 !default; + +// Sprite icons path +$iconSpritePath: "../img/glyphicons-halflings.png"; +$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; + +// 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)); + +// Fluid grid +$fluidGridColumnWidth: 6.382978723% !default; +$fluidGridGutterWidth: 2.127659574% !default; |