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

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