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 // Input placeholder text color
  61 @placeholderText:       @grayLight;
  62
  63 // Navbar
  64 @navbarHeight:                    40px;
  65 @navbarBackground:                @grayDarker;
  66 @navbarBackgroundHighlight:       @grayDarker;
  67
  68 @navbarText:                      @grayLight;
  69 @navbarLinkColor:                 @grayLight;
  70 @navbarLinkColorHover:            @white;
  71
  72 // Form states and alerts
  73 @warningText:             darken(#c09853, 10%);
  74 @warningBackground:       @grayLighter;
  75 @warningBorder:           transparent;
  76
  77 @errorText:               #b94a48;
  78 @errorBackground:         @grayLighter;
  79 @errorBorder:             darken(spin(@errorBackground, -10), 3%);
  80
  81 @successText:             #468847;
  82 @successBackground:       @grayLighter;
  83 @successBorder:           darken(spin(@successBackground, -10), 5%);
  84
  85 @infoText:                @blueDark;
  86 @infoBackground:          @grayLighter;
  87 @infoBorder:              darken(spin(@infoBackground, -10), 7%);
  88
  89
  90
  91 // GRID
  92 // --------------------------------------------------
  93
  94 // Default 940px grid
  95 @gridColumns:             12;
  96 @gridColumnWidth:         60px;
  97 @gridGutterWidth:         20px;
  98 @gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
  99
 100 // Fluid grid
 101 @fluidGridColumnWidth:    6.382978723%;
 102 @fluidGridGutterWidth:    2.127659574%;