SCSS: settings.scss

_settings

//----------------------------------------------------------------------------
// base.scss
// Imports, settings, and variables
//----------------------------------------------------------------------------

// ---------------------------------------------------------------------------
// Imports

@import "susy";

// ---------------------------------------------------------------------------
// Basic Grid

$total-columns  : 6;
$column-width   : 4em;
$gutter-width   : 1em;
$grid-padding   : $gutter-width;

$show-grid-backgrounds  : true;

// ---------------------------------------------------------------------------
// COLORS

// COLOUR PALLETES
$alertColor 	: rgb(252,248,227);
$errorColor 	: rgb(218,79,73);
$infoColor 		: rgb(217,237,247);
$inversColor 	: rgb(65,65,65);
$successColor 	: rgb(91,183,91);
$warningColor 	: rgb(250,167,50);

// GRAYS
$black:                 rgb(0,0,0)           !default;
$grayDark:           	lighten($black, 25%) !default;
$gray:                  lighten($black, 50%) !default;
$grayLight:             lighten($black, 75%) !default;
$grayLighter:           lighten($black, 90%) !default;
$white:                 rgb(255,255,255)     !default;

// ACCENT COLORS
$blue:                  #049cdb !default;
$blueDark:              #0064cd !default;
$green:                 #46a546 !default;
$red:                   #9d261d !default;
$yellow:                #ffb700 !default;
$orange:                #f89406 !default;
$pink:                  #c3325f !default;
$purple:                #7a43b6 !default;

// LINKS
$linkColor 		    : rgb(1,53,104);
$linkColorHover 	: darken($linkColor, 10);
$linkColorVisited   : darken($linkColorHover, 10);
$linkColorFocus 	: darken($linkColorVisited, 10);

// BUTTONS
$primaryBtnBckgrnd:     $linkColor !default;

// MAIN
$bodyBackground:        $white !default;
$baseTextColor:         $grayDark !default;
$baseColor: 			#DC5D41;
$compColor: 			adjust-hue($baseColor, 180);
$borderColor: 			lighten($baseColor, 60%);

// ---------------------------------------------------------------------------
// BORDER RADIUS

$defaultBorderRadius: 5px;


// ---------------------------------------------------------------------------
// TYPOGRAPHY

$baseFontSize:          16px !default;
$baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$baseLineHeight : 		1.5em !default;

$headingsFontFamily:    inherit !default; // empty to use BS default, @baseFontFamily
$headingsFontWeight:    bold !default;    // instead of browser default, bold
$headingsColor:         inherit !default; // empty to use BS default, @textColor

$altFontFamily:         Georgia, "Times New Roman", Times, serif !default;
$altLineHeight : 		1.35em;

$codeFont : Monaco, Courier New, monospace;


// ---------------------------------------------------------------------------
// SPACES

$spaceXS: 				$baseLineHeight / 6;
$spaceS: 				$baseLineHeight / 4;
$spaceM: 				$baseLineHeight / 2;
$space: 				$baseLineHeight;
$spaceL:				$baseLineHeight * 2;
$spaceXL:				$baseLineHeight * 4;


// ---------------------------------------------------------------------------
// Z-INDEX

// 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;