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

   1 // Variables.less
   2 // Variables to customize the look and feel of Bootstrap
   3 // Swatch: Amelia
   4 // -----------------------------------------------------
   5
   6
   7 // CUSTOM VALUES
   8 // --------------------------------------------------
   9
  10 @bodyBackgroundColor: #003F4D;
  11
  12 // GLOBAL VALUES
  13 // --------------------------------------------------
  14
  15 // Links
  16 @linkColor:             lighten(@yellow, 15%);
  17 @linkColorHover:        @linkColor;
  18
  19 // Grays
  20 @black:                 #000;
  21 @grayDarker:            #111;
  22 @grayDark:              #333;
  23 @gray:                  #555;
  24 @grayLight:             #aaa;
  25 @grayLighter:           #ddd;
  26 @white:                 #fff;
  27
  28 // Accent colors
  29 @blue:                  #00BCE1;
  30 @blueDark:              #1269B0;
  31 @green:                 #5FB810;
  32 @red:                   #E51925;
  33 @yellow:                #EAC504;
  34 @orange:                #DF6E1E;
  35 @pink:                  #FFBCB9;
  36 @purple:                #7E4A9F;
  37
  38 // Typography
  39 @baseFontSize:          14px;
  40 @baseFontFamily:        'Cabin', Verdana, sans-serif;
  41 @baseLineHeight:        20px;
  42 @textColor:             rgba(256, 256, 256, 0.9);
  43
  44 // Buttons
  45 @primaryButtonBackground:    @linkColor;
  46
  47
  48
  49 // COMPONENT VARIABLES
  50 // --------------------------------------------------
  51
  52 // Z-index master list
  53 // Used for a bird's eye view of components dependent on the z-axis
  54 // Try to avoid customizing these :)
  55 @zindexDropdown:          1000;
  56 @zindexPopover:           1010;
  57 @zindexTooltip:           1020;
  58 @zindexFixedNavbar:       1030;
  59 @zindexModalBackdrop:     1040;
  60 @zindexModal:             1050;
  61
  62 // Sprite icons path
  63 @iconSpritePath:          "../img/glyphicons-halflings.png";
  64 @iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
  65
  66 // Input placeholder text color
  67 @placeholderText:         @grayLight;
  68
  69 // Hr border color
  70 @hrBorder:                transparent;
  71
  72 // Navbar
  73 @navbarHeight:                    50px;
  74 @navbarBackground:                #AD1D28;
  75 @navbarBackgroundHighlight:       #AD1D28;
  76 @navbarLinkBackgroundHover:       transparent;
  77
  78 @navbarText:                      @grayLight;
  79 @navbarLinkColor:                 @grayLight;
  80 @navbarLinkColorHover:            @white;
  81
  82 // Form states and alerts
  83 @warningText:             #c09853;
  84 @warningBackground:       #fcf8e3;
  85 @warningBorder:           darken(spin(@warningBackground, -10), 3%);
  86
  87 @errorText:               #b94a48;
  88 @errorBackground:         #f2dede;
  89 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
  90
  91 @successText:             #468847;
  92 @successBackground:       #dff0d8;
  93 @successBorder:           darken(spin(@successBackground, -10), 5%);
  94
  95 @infoText:                #3a87ad;
  96 @infoBackground:          #d9edf7;
  97 @infoBorder:              darken(spin(@infoBackground, -10), 7%);
  98
  99
 100
 101 // GRID
 102 // --------------------------------------------------
 103
 104 // Default 940px grid
 105 @gridColumns:             12;
 106 @gridColumnWidth:         60px;
 107 @gridGutterWidth:         20px;
 108 @gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
 109
 110 // Fluid grid
 111 @fluidGridColumnWidth:    6.382978723%;
 112 @fluidGridGutterWidth:    2.127659574%;