/sass/bootswatch/spruce/_variables.scss
https://bitbucket.org/decore/my-svadba.ru · Sass · 196 lines · 95 code · 55 blank · 46 comment · 0 complexity · a172e60ed90e3f2cf682aa34e375efaa MD5 · raw file
- // Variables to customize the look and feel of Bootstrap
- // Swatch: Spruce
- // Version: 2.0.2
- // -----------------------------------------------------
- // GLOBAL VALUES
- // --------------------------------------------------
- // Grays
- // -------------------------
- $black: #000;
- $grayDarker: #222;
- $grayDark: #333;
- $gray: #555;
- $grayLight: #999;
- $grayLighter: #eee;
- $white: #fff;
- // Accent colors
- // -------------------------
- $blue: #01584C;
- $blueDark: #013435;
- $green: #015B4E;
- $red: #D14432;
- $yellow: #EBD90B;
- $orange: #FCB46B;
- $pink: #A15B66;
- $purple: #7073CF;
- // Scaffolding
- // -------------------------
- $bodyBackground: #AEAD8E;
- $textColor: $blueDark;
- // Links
- // -------------------------
- $linkColor: #F5F3DC;
- $linkColorHover: $yellow;
- // Typography
- // -------------------------
- $baseFontSize: 14px;
- $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
- $baseLineHeight: 21px;
- $altFontFamily: Georgia, "Times New Roman", Times, serif;
- $headingsFontFamily: 'Josefin Slab', serif; // empty to use BS default, $baseFontFamily
- $headingsFontWeight: 700; // instead of browser default, bold
- $headingsColor: inherit; // empty to use BS default, $textColor
- // Tables
- // -------------------------
- $tableBackground: #C3C7AE; // overall background-color
- $tableBackgroundAccent: darken(#C3C7AE, 5%); // for striping
- $tableBackgroundHover: darken(#C3C7AE, 10%); // for hover
- $tableBorder: $linkColor; // table and cell border
- // Buttons
- // -------------------------
- $btnBackground: $white;
- $btnBackgroundHighlight: darken($white, 10%);
- $btnBorder: darken($white, 20%);
- $btnPrimaryBackground: $linkColor;
- $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
- $btnInfoBackground: #5bc0de;
- $btnInfoBackgroundHighlight: #2f96b4;
- $btnSuccessBackground: #62c462;
- $btnSuccessBackgroundHighlight: #51a351;
- $btnWarningBackground: lighten($orange, 15%);
- $btnWarningBackgroundHighlight: $orange;
- $btnDangerBackground: #ee5f5b;
- $btnDangerBackgroundHighlight: #bd362f;
- $btnInverseBackground: $gray;
- $btnInverseBackgroundHighlight: $grayDarker;
- // Forms
- // -------------------------
- $inputBackground: $white;
- $inputBorder: #ccc;
- $inputDisabledBackground: $grayLighter;
- // Dropdowns
- // -------------------------
- $dropdownBackground: $white;
- $dropdownBorder: rgba(0,0,0,.2);
- $dropdownLinkColor: $grayDark;
- $dropdownLinkColorHover: $white;
- $dropdownLinkBackgroundHover: $linkColor;
- // 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;
- // Hr border color
- // -------------------------
- $hrBorder: $linkColor;
- // Navbar
- // -------------------------
- $navbarHeight: 40px;
- $navbarBackground: $blueDark;
- $navbarBackgroundHighlight: $navbarBackground;
- $navbarText: $grayLight;
- $navbarLinkColor: $grayLight;
- $navbarLinkColorHover: $white;
- $navbarLinkColorActive: $navbarLinkColorHover;
- $navbarLinkBackgroundHover: transparent;
- $navbarLinkBackgroundActive: $navbarBackground;
- $navbarSearchBackground: lighten($navbarBackground, 25%);
- $navbarSearchBackgroundFocus: $white;
- $navbarSearchBorder: darken($navbarSearchBackground, 30%);
- $navbarSearchPlaceholderColor: #ccc;
- // Hero unit
- // -------------------------
- $heroUnitBackground: $grayLighter;
- $heroUnitHeadingColor: inherit;
- $heroUnitLeadColor: inherit;
- // Form states and alerts
- // -------------------------
- $warningText: $orange;
- $warningBackground: darken(#90A38F, 10%);
- $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
- $errorText: lighten($red, 25%);
- $errorBackground: darken(#90A38F, 10%);
- $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
- $successText: #9ED99C;
- $successBackground: darken(#90A38F, 10%);
- $successBorder: darken(adjust-hue($successBackground, -10), 5%);
- $infoText: #9BCACD;
- $infoBackground: darken(#90A38F, 10%);
- $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
- // GRID
- // --------------------------------------------------
- // Default 940px grid
- // -------------------------
- $gridColumns: 12;
- $gridColumnWidth: 60px;
- $gridGutterWidth: 20px;
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
- // Fluid grid
- // -------------------------
- $fluidGridColumnWidth: 6.382978723%;
- $fluidGridGutterWidth: 2.127659574%;