git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/bootstrap/variables.less

   1 ---
   2 ---
   3 // SITE VARIABLES
   4 // --------------
   5
   6 // Blues
   7 @blue-darker:           #003366;
   8 @blue-dark:             #005f9b; // Kyruus Dark Blue - Pantone 3015 C
   9 @blue:                  #009add; // Kyruus Blue - Pantone 2925 C
  10 @blue-light:            #b8dcf2;
  11 @blue-lighter:          #f0f9ff;
  12
  13 // Greens
  14 @green-darker:          #41683b;
  15 @green-dark:            #678943;
  16 @green:                 #95bf52;
  17 @green-light:           #ddefbd;
  18 @green-lighter:         #f3f9e8;
  19
  20 // Reds
  21 @red-darker:            #702222;
  22 @red-dark:              #ba4a4a;
  23 @red:                   #dd7373;
  24 @red-light:             #f2adb1;
  25 @red-lighter:           #fff0f0;
  26
  27 // Yellows
  28 @yellow-darker:         #6f4215;
  29 @yellow-dark:           #db8400;
  30 @yellow:                #f9e27d;
  31 @yellow-light:          #fff5bd;
  32 @yellow-lighter:        #fffcee;
  33
  34 // Oranges
  35 @orange-darker:         #8c3900;
  36 @orange-dark:           #cc5d11;
  37 @orange:                #f4914e;
  38 @orange-light:          #ffd0a6;
  39 @orange-lighter:        #fff4e6;
  40
  41 // Purples
  42 @purple-darker:         #4a226d;
  43 @purple-dark:           #7457ad;
  44 @purple:                #9780d6;
  45 @purple-light:          #c3b8f4;
  46 @purple-lighter:        #fbf5ff;
  47
  48 @fa-green:              #1d9d74;
  49 @fa-green-dark:         darken(@fa-green, 10%);
  50
  51 @jumbotron-border:      mix(@fa-green, @fa-green-dark, 75%);
  52 @font-family-alt:       proxima-nova-sc-osf, "Helvetica Neue", Helvetica, Arial, sans-serif;
  53
  54
  55 // BOOTSTRAP OVERRIDES
  56 // -------------------
  57
  58 // Brand colors
  59 @brand-success:         mix(@fa-green, #fff, 70%);
  60
  61
  62 // Links
  63 @link-color:            lighten(@fa-green, 5%);
  64 @link-hover-color:      darken(@fa-green, 5%);
  65
  66
  67 // Typography
  68 @font-family-sans-serif:  proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  69 @font-family-serif:       museo-slab, Georgia, "Times New Roman", Times, serif;
  70 @headings-font-family:    @font-family-serif;
  71
  72
  73 // Components
  74 @component-active-bg:            @fa-green;
  75
  76
  77 // Navbar
  78 @navbar-height:                     40px;
  79 @navbar-inverse-brand-color:        #fff;
  80
  81 // Reset inverted navbar basics
  82 @navbar-inverse-color:                      mix(@fa-green, #fff, 50%);
  83 @navbar-inverse-bg:                         @fa-green;
  84 @navbar-inverse-border:                     @jumbotron-border;
  85
  86 // Inverted navbar links
  87 @navbar-inverse-link-color:                 mix(@fa-green, #fff, 35%);
  88 @navbar-inverse-link-hover-color:           #fff;
  89 @navbar-inverse-link-active-bg:             @navbar-inverse-border;
  90
  91 // Inverted navbar toggle
  92 @navbar-inverse-toggle-hover-bg:            @jumbotron-color;
  93 @navbar-inverse-toggle-border-color:        mix(@jumbotron-color, @fa-green, 75%);
  94
  95
  96 // Jumbotron
  97 @jumbotron-color:               #fff;
  98 @jumbotron-bg:                  @fa-green;
  99
 100
 101 // Form states and alerts
 102 @state-success-text:            @fa-green;
 103 @state-success-bg:              mix(@fa-green, #fff, 6%);
 104 @state-success-border:          darken(spin(@state-success-bg, -10), 5%);
 105
 106 @state-info-text:               mix(@blue-dark, @blue, 50%);
 107 @state-info-bg:                 @blue-lighter;
 108 @state-info-border:             darken(spin(@state-info-bg, -10), 7%);
 109
 110
 111 // Carousel
 112 @carousel-text-shadow:          0 1px 0 rgba(255,255,255,0.25);
 113
 114 @carousel-control-color:        @fa-green-dark;
 115 @carousel-control-font-size:    30px;
 116
 117
 118 // Code
 119 @pre-border-color:              #eee;