git.roojs.org Git - bootswatch/blob - spacelab/variables.less

   1 // Variables.less
   2 // Variables to customize the look and feel of Bootstrap
   3 // Swatch: Spacelab
   4 // -----------------------------------------------------
   5
   6
   7 // GLOBAL VALUES
   8 // --------------------------------------------------
   9
  10 // Links
  11 @linkColor:             #4183C4;
  12 @linkColorHover:        #4183C4;
  13
  14 // Grays
  15 @black:                 #000;
  16 @grayDarker:            #222;
  17 @grayDark:              #333;
  18 @gray:                  #555;
  19 @grayLight:             #999;
  20 @grayLighter:           #eee;
  21 @white:                 #fff;
  22
  23 // Accent colors
  24 @blue:                  #4183C4;
  25 @blueDark:              #405A6A;
  26 @green:                 #84DE81;
  27 @red:                   #E5322C;
  28 @yellow:                #F4CA00;
  29 @orange:                #FF7D00;
  30 @pink:                  #F44B8C;
  31 @purple:                #405A6A;
  32
  33 // Typography
  34 @baseFontSize:          13px;
  35 @baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
  36 @baseLineHeight:        18px;
  37 @textColor:             @grayDark;
  38
  39 // sans
  40 @primaryButtonBackground:    @linkColor;
  41
  42
  43
  44 // COMPONENT VARIABLES
  45 // --------------------------------------------------
  46
  47 // Z-index master list
  48 // Used for a bird's eye view of components dependent on the z-axis
  49 // Try to avoid customizing these :)
  50 @zindexDropdown:        1000;
  51 @zindexPopover:         1010;
  52 @zindexTooltip:         1020;
  53 @zindexFixedNavbar:     1030;
  54 @zindexModalBackdrop:   1040;
  55 @zindexModal:           1050;
  56
  57 // Input placeholder text color
  58 @placeholderText:       @grayLight;
  59
  60 // Navbar
  61 @navbarHeight:                    40px;
  62 @navbarBackground:                #EAEAEA;
  63 @navbarBackgroundHighlight:       lighten(@navbarBackground, 15%);
  64
  65 @navbarText:                      @grayDarker;
  66 @navbarLinkColor:                 @grayDarker;
  67 @navbarLinkColorHover:            @linkColor;
  68
  69 // Form states and alerts
  70 @warningText:             #393939;
  71 @warningBackground:       #F5F3B4;
  72 @warningBorder:           darken(spin(@warningBackground, -10), 3%);
  73
  74 @errorText:               @warningText;
  75 @errorBackground:         #FFE9E9;
  76 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
  77
  78 @successText:             #333;
  79 @successBackground:       #BEDEBE;
  80 @successBorder:           darken(spin(@successBackground, -10), 5%);
  81
  82 @infoText:                #1B3650;
  83 @infoBackground:          #E4F0FF;
  84 @infoBorder:              darken(spin(@infoBackground, -10), 7%);
  85
  86
  87
  88 // GRID
  89 // --------------------------------------------------
  90
  91 // Default 940px grid
  92 @gridColumns:             12;
  93 @gridColumnWidth:         60px;
  94 @gridGutterWidth:         20px;
  95 @gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
  96
  97 // Fluid grid
  98 @fluidGridColumnWidth:    6.382978723%;
  99 @fluidGridGutterWidth:    2.127659574%;