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

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