bootswatch-rails 0.5.0 → 3.1.1

data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss

@@ -1,301 +0,0 @@
-// Spruce 2.3.2
-// Variables
-// --------------------------------------------------
-
-
-// Global values
-// --------------------------------------------------
-
-
-// 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:                  #004E8B !default;
-$blueDark:              #013435 !default;
-$green:                 #015B4E !default;
-$red:                   #D14432 !default;
-$yellow:                #F0F1E1 !default;
-$orange:                #F26522 !default;
-$pink:                  #A15B66 !default;
-$purple:                #7073CF !default;
-
-
-// Scaffolding
-// -------------------------
-$bodyBackground:        $white !default;
-$textColor:             $gray !default;
-
-
-// Links
-// -------------------------
-$linkColor:             lighten($green, 10%) !default;
-$linkColorHover:        $linkColor !default;
-
-
-// Typography
-// -------------------------
-$sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
-$monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace !default;
-
-$baseFontSize:          15px !default;
-$baseFontFamily:        $serifFontFamily !default;
-$baseLineHeight:        21px !default;
-$altFontFamily:         $serifFontFamily !default;
-
-$headingsFontFamily:    'Crete Round', serif !default; // empty to use BS default, $baseFontFamily
-$headingsFontWeight:    normal !default;    // instead of browser default, bold
-$headingsColor:         $grayDark !default; // empty to use BS default, $textColor
-
-
-// Component sizing
-// -------------------------
-// Based on 14px font-size and 20px line-height
-
-$fontSizeLarge:         $baseFontSize * 1.25 !default; // ~18px
-$fontSizeSmall:         $baseFontSize * 0.85 !default; // ~12px
-$fontSizeMini:          $baseFontSize * 0.75 !default; // ~11px
-
-$paddingLarge:          11px 19px !default; // 44px
-$paddingSmall:          2px 10px !default;  // 26px
-$paddingMini:           0px 6px !default;   // 22px
-
-$baseBorderRadius:      4px !default;
-$borderRadiusLarge:     6px !default;
-$borderRadiusSmall:     3px !default;
-
-
-// Tables
-// -------------------------
-$tableBackground:                   lighten(#ddd, 10%) !default; // overall background-color
-$tableBackgroundAccent:             lighten(#ddd, 5%) !default; // for striping
-$tableBackgroundHover:              #ddd !default; // for hover
-$tableBorder:                       $grayLight !default; // table and cell border
-
-// Buttons
-// -------------------------
-$btnBackground:                     $white !default;
-$btnBackgroundHighlight:            darken($white, 10%) !default;
-$btnBorder:                         darken($white, 15%) !default;
-
-$btnPrimaryBackground:              lighten($green, 5%) !default;
-$btnPrimaryBackgroundHighlight:     $green !default;
-
-$btnInfoBackground:                 lighten(#2f96b4, 5%) !default;
-$btnInfoBackgroundHighlight:        #2f96b4 !default;
-
-$btnSuccessBackground:              lighten($blue, 10%) !default;
-$btnSuccessBackgroundHighlight:     lighten($blue, 5%) !default;
-
-$btnWarningBackground:              lighten($orange, 5%) !default;
-$btnWarningBackgroundHighlight:     $orange !default;
-
-$btnDangerBackground:               lighten($red, 5%) !default;
-$btnDangerBackgroundHighlight:      $red !default;
-
-$btnInverseBackground:              $gray !default;
-$btnInverseBackgroundHighlight:     darken($gray, 5%) !default;
-
-
-// Forms
-// -------------------------
-$inputBackground:               $white !default;
-$inputBorder:                   #ccc !default;
-$inputBorderRadius:             $baseBorderRadius !default;
-$inputDisabledBackground:       $grayLighter !default;
-$formActionsBackground:         transparent !default;
-$inputHeight:                   $baseLineHeight + 10px !default; // base line-height + 8px vertical padding + 2px top/bottom border
-
-
-// Dropdowns
-// -------------------------
-$dropdownBackground:            #002425 !default;
-$dropdownBorder:                transparent !default;
-$dropdownDividerTop:            transparent !default;
-$dropdownDividerBottom:         $grayLight !default;
-
-$dropdownLinkColor:             $white !default;
-$dropdownLinkColorHover:        $white !default;
-$dropdownLinkColorActive:       $white !default;
-
-$dropdownLinkBackgroundActive:  $green !default;
-$dropdownLinkBackgroundHover:   $green !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:           1030 !default;
-$zindexFixedNavbar:       1030 !default;
-$zindexModalBackdrop:     1040 !default;
-$zindexModal:             1050 !default;
-
-
-// Sprite icons path
-// -------------------------
-$iconSpritePath:          image-path("glyphicons-halflings.png") !default;
-$iconWhiteSpritePath:     image-path("glyphicons-halflings-white.png") !default;
-
-
-// Input placeholder text color
-// -------------------------
-$placeholderText:         #ccc !default;
-
-
-// Hr border color
-// -------------------------
-$hrBorder:                $grayLight !default;
-
-
-// Horizontal forms & lists
-// -------------------------
-$horizontalComponentOffset:       180px !default;
-
-
-// Wells
-// -------------------------
-$wellBackground:                  #ddd !default;
-
-
-// Navbar
-// -------------------------
-$navbarCollapseWidth:             979px !default;
-$navbarCollapseDesktopWidth:      $navbarCollapseWidth + 1 !default;
-
-$navbarHeight:                    55px !default;
-$navbarBackgroundHighlight:       $blueDark !default;
-$navbarBackground:                $blueDark !default;
-$navbarBorder:                    darken($navbarBackground, 5%) !default;
-
-$navbarText:                      $grayLight !default;
-$navbarLinkColor:                 $white !default;
-$navbarLinkColorHover:            $white !default;
-$navbarLinkColorActive:           $white !default;
-$navbarLinkBackgroundHover:       #002425 !default;
-$navbarLinkBackgroundActive:      $navbarLinkBackgroundHover !default;
-
-$navbarBrandColor:                $navbarLinkColor !default;
-
-// Inverted navbar
-$navbarInverseBackground:                $wellBackground !default;
-$navbarInverseBackgroundHighlight:       lighten($wellBackground, 5%) !default;
-$navbarInverseBorder:                    darken($navbarInverseBackground, 5%) !default;
-
-$navbarInverseText:                      $textColor !default;
-$navbarInverseLinkColor:                 $headingsColor !default;
-$navbarInverseLinkColorHover:            $navbarInverseLinkColor !default;
-$navbarInverseLinkColorActive:           $navbarInverseLinkColor !default;
-$navbarInverseLinkBackgroundHover:       darken($navbarInverseBackground, 7%) !default;
-$navbarInverseLinkBackgroundActive:      $navbarInverseLinkBackgroundHover !default;
-
-$navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%) !default;
-$navbarInverseSearchBackgroundFocus:     $white !default;
-$navbarInverseSearchBorder:              $navbarInverseBackground !default;
-$navbarInverseSearchPlaceholderColor:    $gray !default;
-
-$navbarInverseBrandColor:                $navbarInverseLinkColor !default;
-
-
-// Pagination
-// -------------------------
-$paginationBackground:                darken($bodyBackground, 10%) !default;
-$paginationBorder:                    transparent !default;
-$paginationActiveBackground:          #A2CDB5 !default;
-
-
-// Hero unit
-// -------------------------
-$heroUnitBackground:              #ddd !default;
-$heroUnitHeadingColor:            $headingsColor !default;
-$heroUnitLeadColor:               inherit !default;
-
-
-// Form states and alerts
-// -------------------------
-$warningText:             $white !default;
-$warningBackground:       $orange !default;
-$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%) !default;
-
-$errorText:               $white !default;
-$errorBackground:         $red !default;
-$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%) !default;
-
-$successText:             $white !default;
-$successBackground:       #24C00B !default;
-$successBorder:           darken(adjust-hue($successBackground, -10), 5%) !default;
-
-$infoText:                $white !default;
-$infoBackground:          #185AF9 !default;
-$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%) !default;
-
-
-// Tooltips and popovers
-// -------------------------
-$tooltipColor:            #fff !default;
-$tooltipBackground:       #000 !default;
-$tooltipArrowWidth:       5px !default;
-$tooltipArrowColor:       $tooltipBackground !default;
-
-$popoverBackground:       #fff !default;
-$popoverArrowWidth:       10px !default;
-$popoverArrowColor:       #fff !default;
-$popoverTitleBackground:  $green !default;
-
-// Special enhancement for popovers
-$popoverArrowOuterWidth:  $popoverArrowWidth + 1 !default;
-$popoverArrowOuterColor:  rgba(0,0,0,.25) !default;
-
-
-
-// GRID
-// --------------------------------------------------
-
-
-// Default 940px grid
-// -------------------------
-$gridColumns:             12 !default;
-$gridColumnWidth:         60px !default;
-$gridGutterWidth:         20px !default;
-$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
-
-// 1200px min
-$gridColumnWidth1200:     70px !default;
-$gridGutterWidth1200:     30px !default;
-$gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
-
-// 768px-979px
-$gridColumnWidth768:      42px !default;
-$gridGutterWidth768:      20px !default;
-$gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
-
-
-// Fluid grid
-// -------------------------
-$fluidGridColumnWidth:    percentage($gridColumnWidth/$gridRowWidth) !default;
-$fluidGridGutterWidth:    percentage($gridGutterWidth/$gridRowWidth) !default;
-
-// 1200px min
-$fluidGridColumnWidth1200:     percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
-$fluidGridGutterWidth1200:     percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
-
-// 768px-979px
-$fluidGridColumnWidth768:      percentage($gridColumnWidth768/$gridRowWidth768) !default;
-$fluidGridGutterWidth768:      percentage($gridGutterWidth768/$gridRowWidth768) !default;