//////////////////
// Concerto 2 Palette $concerto-blue-0: #006699; $concerto-blue-1: #003366; $concerto-blue-2: #0099cc; $concerto-blue-4: b0d3f1; $concerto-blue-5: dee7ee; $concerto-blue-6: e7f1f9;
// Grays $black: #000; $grayDarker: lighten($black, 15%); $grayDark: lighten($black, 25%); $gray: lighten($black, 50%); $grayLight: lighten($black, 75%); $grayLighter: lighten($black, 90%); $grayLightest: lighten($black, 95%); $white: fff;
// Accent Colors $blue: #049CDB; $blueDark: #0064CD; $green: #46a546; $red: #9d261d; $yellow: ffc40d; $orange: f89406; $pink: c3325f; $purple: #7a43b6;
// Links $linkColor: $concerto-blue-0; $linkColorHover: darken($linkColor, 15);
// TYPE:
$sans-headers: “Myriad Pro”, Helvetica, Arial, sans-serif; $sans-body: “Lucida Grande”,Arial,sans-serif; $serifFontFamily: Georgia, “Times New Roman”, Times, serif !default; $monoFontFamily: Menlo, Monaco, Consolas, “Courier New”, monospace !default;
// Form states and alerts // ————————- $warningText: #764b00 !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;
$zeroText: $gray; $zeroBackground: $grayLightest; $zeroBorder: $grayLighter;
// OTHER VALUES:
// 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;
$main-width: 980px;
// Baseline grid $basefont: 12px; $baseline: 18px; $baseFontSize: 12px !default; $baseFontFamily: sans-headers !default; $baseLineHeight: 18px !default; $altFontFamily: $serifFontFamily !default;
// FIXED GRID // ————————————————–
// Default, 940px // ————————- $gridColumns: 12 !default; $gridColumnWidth: 60px !default; $gridGutterWidth: 20px !default; $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
// Portrait tablet to default desktop // ————————- $gridColumnWidthTablet: 42px !default; $gridGutterWidthTablet: 20px !default;
// Large desktop and up // ————————- $gridColumnWidthLarge: 70px !default; $gridGutterWidthLarge: 30px !default;
/// FLUID GRID // ————————————————–
// to calculate, use this formula: // ($gridColumns * $fluidGridColumnWidth) + ($fluidGridGutterWidth * ($gridColumns - 1)) = 100% // ex: 12 * fluidGridColumnWidth + fluidGridGutterWidth * 11 = 100% // fluidGridColumnWidth = (100 - 11 * fluidGridGutterWidth) / 12 // fluidGridGutterWidth = (100 - 12 * fluidGridColumnWidth) / 11
// Default // ————————- $fluidGridColumnWidth: 7.2996453905% !default; /* changed from 6.382978723% !default; */ $fluidGridGutterWidth: 1.127659574% !default; /* changed from 2.127659574% !default; */
// Portrait tablet to default desktop // ————————- $fluidGridColumnWidthTablet: 6.801104972% !default; $fluidGridGutterWidthTablet: 1.6715218487 !default; /* changed from 2.762430939% !default; */
// Large desktop and up // ————————- $fluidGridColumnWidthLarge: 6.982905983% !default; $fluidGridGutterWidthLarge: 1.4731934731 !default; /* changed from 2.564102564% !default; */