bootstrap-sass 2.1.1.0 → 2.2.1.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (61) hide show
  1. data/README.md +7 -5
  2. data/lib/bootstrap-sass/compass_functions.rb +9 -5
  3. data/vendor/assets/javascripts/bootstrap-affix.js +4 -2
  4. data/vendor/assets/javascripts/bootstrap-alert.js +2 -4
  5. data/vendor/assets/javascripts/bootstrap-button.js +5 -7
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -12
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +9 -11
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +9 -11
  9. data/vendor/assets/javascripts/bootstrap-modal.js +20 -25
  10. data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +1 -1
  12. data/vendor/assets/javascripts/bootstrap-tab.js +5 -7
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -11
  14. data/vendor/assets/javascripts/bootstrap-transition.js +5 -5
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +19 -9
  16. data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
  17. data/vendor/assets/stylesheets/bootstrap.scss +1 -0
  18. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +2 -2
  20. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +1 -1
  21. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +5 -8
  22. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +18 -17
  23. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +4 -4
  24. data/vendor/assets/stylesheets/bootstrap/_close.scss +3 -3
  25. data/vendor/assets/stylesheets/bootstrap/_code.scss +3 -3
  26. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +1 -1
  27. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +34 -7
  28. data/vendor/assets/stylesheets/bootstrap/_forms.scss +50 -18
  29. data/vendor/assets/stylesheets/bootstrap/_grid.scss +2 -1
  30. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +7 -6
  31. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +15 -14
  32. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -1
  33. data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +99 -62
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +12 -15
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +11 -11
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +5 -4
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +11 -10
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +70 -13
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +4 -4
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +5 -5
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +8 -6
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +1 -1
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +20 -1
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +1 -1
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +13 -5
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +16 -1
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +1 -1
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +5 -5
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +11 -11
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +4 -4
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +3 -3
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +32 -26
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +16 -1
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +28 -6
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +5 -5
  57. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
  58. data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
  59. metadata +25 -6
  60. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +0 -42
  61. data/vendor/assets/stylesheets/_bootstrap.scss +0 -62
@@ -58,6 +58,7 @@
58
58
  }
59
59
  // Make all grid-sized elements block level again
60
60
  [class*="span"],
61
+ .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
61
62
  .row-fluid [class*="span"] {
62
63
  float: none;
63
64
  display: block;
@@ -70,6 +71,9 @@
70
71
  width: 100%;
71
72
  @include box-sizing(border-box);
72
73
  }
74
+ .row-fluid [class*="offset"]:first-child {
75
+ margin-left: 0;
76
+ }
73
77
 
74
78
  // FORM FIELDS
75
79
  // -----------
@@ -103,7 +107,8 @@
103
107
  right: 20px;
104
108
  width: auto;
105
109
  margin: 0;
106
- &.fade.in { top: auto; }
110
+ &.fade { top: -100px; }
111
+ &.fade.in { top: 20px; }
107
112
  }
108
113
 
109
114
  }
@@ -155,6 +160,20 @@
155
160
  }
156
161
  }
157
162
 
163
+ // Medias
164
+ // Reset float and spacing to stack
165
+ .media .pull-left,
166
+ .media .pull-right {
167
+ float: none;
168
+ display: block;
169
+ margin-bottom: 10px;
170
+ }
171
+ // Remove side margins since we stack instead of indent
172
+ .media-object {
173
+ margin-right: 0;
174
+ margin-left: 0;
175
+ }
176
+
158
177
  // Modals
159
178
  .modal {
160
179
  top: 10px;
@@ -16,4 +16,4 @@
16
16
 
17
17
  // No need to reset .thumbnails here since it's the same $gridGutterWidth
18
18
 
19
- }
19
+ }
@@ -5,7 +5,7 @@
5
5
 
6
6
  // TABLETS AND BELOW
7
7
  // -----------------
8
- @media (max-width: 979px) {
8
+ @media (max-width: $navbarCollapseWidth) {
9
9
 
10
10
  // UNFIX THE TOPBAR
11
11
  // ----------------
@@ -75,7 +75,7 @@
75
75
  .nav-collapse .btn {
76
76
  padding: 4px 10px 4px;
77
77
  font-weight: normal;
78
- @include border-radius(4px);
78
+ @include border-radius($baseBorderRadius);
79
79
  }
80
80
  .nav-collapse .dropdown-menu li + li a {
81
81
  margin-bottom: 2px;
@@ -84,6 +84,10 @@
84
84
  .nav-collapse .dropdown-menu a:hover {
85
85
  background-color: $navbarBackground;
86
86
  }
87
+ .navbar-inverse .nav-collapse .nav > li > a,
88
+ .navbar-inverse .nav-collapse .dropdown-menu a {
89
+ color: $navbarInverseLinkColor;
90
+ }
87
91
  .navbar-inverse .nav-collapse .nav > li > a:hover,
88
92
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
89
93
  background-color: $navbarInverseBackground;
@@ -99,7 +103,7 @@
99
103
  top: auto;
100
104
  left: auto;
101
105
  float: none;
102
- display: block;
106
+ display: none;
103
107
  max-width: none;
104
108
  margin: 0 15px;
105
109
  padding: 0;
@@ -108,6 +112,10 @@
108
112
  @include border-radius(0);
109
113
  @include box-shadow(none);
110
114
  }
115
+ .nav-collapse .open > .dropdown-menu {
116
+ display: block;
117
+ }
118
+
111
119
  .nav-collapse .dropdown-menu:before,
112
120
  .nav-collapse .dropdown-menu:after {
113
121
  display: none;
@@ -129,7 +137,7 @@
129
137
  margin: ($baseLineHeight / 2) 0;
130
138
  border-top: 1px solid $navbarBackground;
131
139
  border-bottom: 1px solid $navbarBackground;
132
- @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
140
+ @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1));
133
141
  }
134
142
  .navbar-inverse .nav-collapse .navbar-form,
135
143
  .navbar-inverse .nav-collapse .navbar-search {
@@ -166,7 +174,7 @@
166
174
  // DEFAULT DESKTOP
167
175
  // ---------------
168
176
 
169
- @media (min-width: 980px) {
177
+ @media (min-width: $navbarCollapseDesktopWidth) {
170
178
 
171
179
  // Required to make the collapsing navbar work on regular desktops
172
180
  .nav-collapse.collapse {
@@ -3,6 +3,21 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
+ // Clearing floats
7
+ .clearfix {
8
+ @include clearfix();
9
+ }
10
+
11
+ // Accessible yet invisible text
12
+ .hide-text {
13
+ @include hide-text();
14
+ }
15
+
16
+ // Uses box-sizing mixin, so must be defined here
17
+ .input-block-level {
18
+ @include input-block-level();
19
+ }
20
+
6
21
  // Hide from screenreaders and browsers
7
22
  // Credit: HTML5 Boilerplate
8
23
  .hidden {
@@ -40,4 +55,4 @@
40
55
  .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
41
56
  // Hide
42
57
  .hidden-phone { display: none !important; }
43
- }
58
+ }
@@ -43,7 +43,7 @@ a:hover {
43
43
  background-color: #fff;
44
44
  border: 1px solid #ccc;
45
45
  border: 1px solid rgba(0,0,0,.2);
46
- @include box-shadow(#{0 1px 3px rgba(0,0,0,.1)});
46
+ @include box-shadow(0 1px 3px rgba(0,0,0,.1));
47
47
  }
48
48
 
49
49
  // Perfect circle
@@ -22,7 +22,7 @@
22
22
  @include ie7-restore-right-whitespace();
23
23
  line-height: 14px;
24
24
  vertical-align: text-top;
25
- background-image: $iconSpritePath;
25
+ background-image: url($iconSpritePath);
26
26
  background-position: 14px 14px;
27
27
  background-repeat: no-repeat;
28
28
  margin-top: 1px;
@@ -30,8 +30,6 @@
30
30
 
31
31
  /* White icons with optional class, or on hover/active states of certain elements */
32
32
  .icon-white,
33
- .nav-tabs > .active > a > [class^="icon-"],
34
- .nav-tabs > .active > a > [class*=" icon-"],
35
33
  .nav-pills > .active > a > [class^="icon-"],
36
34
  .nav-pills > .active > a > [class*=" icon-"],
37
35
  .nav-list > .active > a > [class^="icon-"],
@@ -41,8 +39,10 @@
41
39
  .dropdown-menu > li > a:hover > [class^="icon-"],
42
40
  .dropdown-menu > li > a:hover > [class*=" icon-"],
43
41
  .dropdown-menu > .active > a > [class^="icon-"],
44
- .dropdown-menu > .active > a > [class*=" icon-"] {
45
- background-image: $iconWhiteSpritePath;
42
+ .dropdown-menu > .active > a > [class*=" icon-"],
43
+ .dropdown-submenu:hover > a > [class^="icon-"],
44
+ .dropdown-submenu:hover > a > [class*=" icon-"] {
45
+ background-image: url($iconWhiteSpritePath);
46
46
  }
47
47
 
48
48
  .icon-glass { background-position: 0 0; }
@@ -71,7 +71,7 @@ table {
71
71
  border-collapse: separate; // Done so we can round those corners!
72
72
  *border-collapse: collapse; // IE7 can't round corners anyway
73
73
  border-left: 0;
74
- @include border-radius(4px);
74
+ @include border-radius($baseBorderRadius);
75
75
  th,
76
76
  td {
77
77
  border-left: 1px solid $tableBorder;
@@ -133,7 +133,7 @@ table {
133
133
  colgroup + tbody tr:first-child td:last-child {
134
134
  -webkit-border-top-right-radius: 4px;
135
135
  border-top-right-radius: 4px;
136
- -moz-border-radius-topleft: 4px;
136
+ -moz-border-radius-topright: 4px;
137
137
  }
138
138
 
139
139
  }
@@ -172,17 +172,20 @@ table {
172
172
  // -----------------
173
173
 
174
174
  // Reset default grid behavior
175
- table [class*=span],
176
- .row-fluid table [class*=span] {
175
+ table td[class*="span"],
176
+ table th[class*="span"],
177
+ .row-fluid table td[class*="span"],
178
+ .row-fluid table th[class*="span"] {
177
179
  display: table-cell;
178
180
  float: none; // undo default grid column styles
179
181
  margin-left: 0; // undo default grid column styles
180
182
  }
181
183
 
182
184
  // Change the column widths to account for td/th padding
183
- table {
184
- @for $i from 1 through $gridColumns {
185
- .span#{$i} { @include tableColumns($i); }
185
+ .table td,
186
+ .table th {
187
+ @for $i from 1 through 12 {
188
+ &.span#{$i} { @include tableColumns($i); }
186
189
  }
187
190
  }
188
191
 
@@ -205,9 +208,6 @@ table {
205
208
  &.info td {
206
209
  background-color: $infoBackground;
207
210
  }
208
- tbody tr.warning td {
209
- background-color: $warningBackground;
210
- }
211
211
  }
212
212
 
213
213
  // Hover states for .table-hover
@@ -224,4 +224,4 @@ table {
224
224
  &.info:hover td {
225
225
  background-color: darken($infoBackground, 5%);
226
226
  }
227
- }
227
+ }
@@ -29,14 +29,14 @@
29
29
  padding: 4px;
30
30
  line-height: $baseLineHeight;
31
31
  border: 1px solid #ddd;
32
- @include border-radius(4px);
33
- @include box-shadow(#{0 1px 3px rgba(0,0,0,.055)});
32
+ @include border-radius($baseBorderRadius);
33
+ @include box-shadow(0 1px 3px rgba(0,0,0,.055));
34
34
  @include transition(all .2s ease-in-out);
35
35
  }
36
36
  // Add a hover state for linked versions only
37
37
  a.thumbnail:hover {
38
38
  border-color: $linkColor;
39
- @include box-shadow(#{0 1px 4px rgba(0,105,214,.25)});
39
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
40
40
  }
41
41
 
42
42
  // Images and captions
@@ -49,4 +49,4 @@ a.thumbnail:hover {
49
49
  .thumbnail .caption {
50
50
  padding: 9px;
51
51
  color: $gray;
52
- }
52
+ }
@@ -12,7 +12,7 @@
12
12
  padding: 5px;
13
13
  font-size: 11px;
14
14
  @include opacity(0);
15
- &.in { @include opacity(0.8); }
15
+ &.in { @include opacity(80); }
16
16
  &.top { margin-top: -3px; }
17
17
  &.right { margin-left: 3px; }
18
18
  &.bottom { margin-top: 3px; }
@@ -27,7 +27,7 @@
27
27
  text-align: center;
28
28
  text-decoration: none;
29
29
  background-color: $tooltipBackground;
30
- @include border-radius(4px);
30
+ @include border-radius($baseBorderRadius);
31
31
  }
32
32
 
33
33
  // Arrows
@@ -67,4 +67,4 @@
67
67
  border-width: 0 $tooltipArrowWidth $tooltipArrowWidth;
68
68
  border-bottom-color: $tooltipArrowColor;
69
69
  }
70
- }
70
+ }
@@ -11,7 +11,7 @@ p {
11
11
  }
12
12
  .lead {
13
13
  margin-bottom: $baseLineHeight;
14
- font-size: $baseFontSize * 1.5;
14
+ font-size: $baseFontSize * 1.5;;
15
15
  font-weight: 200;
16
16
  line-height: $baseLineHeight * 1.5;
17
17
  }
@@ -37,18 +37,17 @@ cite {
37
37
  .muted {
38
38
  color: $grayLight;
39
39
  }
40
- .text-warning {
41
- color: $warningText;
42
- }
43
- .text-error {
44
- color: $errorText;
45
- }
46
- .text-info {
47
- color: $infoText;
48
- }
49
- .text-success {
50
- color: $successText;
51
- }
40
+ .text-warning { color: $warningText; }
41
+ a.text-warning:hover { color: darken($warningText, 10%); }
42
+
43
+ .text-error { color: $errorText; }
44
+ a.text-error:hover { color: darken($errorText, 10%); }
45
+
46
+ .text-info { color: $infoText; }
47
+ a.text-info:hover { color: darken($infoText, 10%); }
48
+
49
+ .text-success { color: $successText; }
50
+ a.text-success:hover { color: darken($successText, 10%); }
52
51
 
53
52
 
54
53
  // Headings
@@ -58,7 +57,7 @@ h1, h2, h3, h4, h5, h6 {
58
57
  margin: ($baseLineHeight / 2) 0;
59
58
  font-family: $headingsFontFamily;
60
59
  font-weight: $headingsFontWeight;
61
- line-height: 1;
60
+ line-height: $baseLineHeight;
62
61
  color: $headingsColor;
63
62
  text-rendering: optimizelegibility; // Fix the character spacing for headings
64
63
  small {
@@ -67,17 +66,22 @@ h1, h2, h3, h4, h5, h6 {
67
66
  color: $grayLight;
68
67
  }
69
68
  }
70
- h1 { font-size: 36px; line-height: 40px; }
71
- h2 { font-size: 30px; line-height: 40px; }
72
- h3 { font-size: 24px; line-height: 40px; }
73
- h4 { font-size: 18px; line-height: 20px; }
74
- h5 { font-size: 14px; line-height: 20px; }
75
- h6 { font-size: 12px; line-height: 20px; }
76
69
 
77
- h1 small { font-size: 24px; }
78
- h2 small { font-size: 18px; }
79
- h3 small { font-size: 14px; }
80
- h4 small { font-size: 14px; }
70
+ h1,
71
+ h2,
72
+ h3 { line-height: $baseLineHeight * 2; }
73
+
74
+ h1 { font-size: $baseFontSize * 2.75; } // ~38px
75
+ h2 { font-size: $baseFontSize * 2.25; } // ~32px
76
+ h3 { font-size: $baseFontSize * 1.75; } // ~24px
77
+ h4 { font-size: $baseFontSize * 1.25; } // ~18px
78
+ h5 { font-size: $baseFontSize; }
79
+ h6 { font-size: $baseFontSize * 0.85; } // ~12px
80
+
81
+ h1 small { font-size: $baseFontSize * 1.75; } // ~24px
82
+ h2 small { font-size: $baseFontSize * 1.25; } // ~18px
83
+ h3 small { font-size: $baseFontSize; }
84
+ h4 small { font-size: $baseFontSize; }
81
85
 
82
86
 
83
87
  // Page header
@@ -155,7 +159,9 @@ hr {
155
159
  }
156
160
 
157
161
  // Abbreviations and acronyms
158
- abbr[title] {
162
+ abbr[title],
163
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
164
+ abbr[data-original-title] {
159
165
  cursor: help;
160
166
  border-bottom: 1px dotted $grayLight;
161
167
  }
@@ -218,4 +224,4 @@ address {
218
224
  margin-bottom: $baseLineHeight;
219
225
  font-style: normal;
220
226
  line-height: $baseLineHeight;
221
- }
227
+ }
@@ -27,4 +27,19 @@
27
27
  // For Affix plugin
28
28
  .affix {
29
29
  position: fixed;
30
- }
30
+ }
31
+
32
+ // Clearing floats
33
+ .clearfix {
34
+ @include clearfix();
35
+ }
36
+
37
+ // Accessible yet invisible text
38
+ .hide-text {
39
+ @include hide-text();
40
+ }
41
+
42
+ // Uses box-sizing mixin, so must be defined here
43
+ .input-block-level {
44
+ @include input-block-level();
45
+ }
@@ -57,6 +57,24 @@ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontF
57
57
  $headingsFontWeight: bold !default; // instead of browser default, bold
58
58
  $headingsColor: inherit !default; // empty to use BS default, $textColor
59
59
 
60
+
61
+ // Component sizing
62
+ // -------------------------
63
+ // Based on 14px font-size and 20px line-height
64
+
65
+ $fontSizeLarge: $baseFontSize * 1.25; // ~18px
66
+ $fontSizeSmall: $baseFontSize * 0.85; // ~12px
67
+ $fontSizeMini: $baseFontSize * 0.75; // ~11px
68
+
69
+ $paddingLarge: 11px 19px; // 44px
70
+ $paddingSmall: 2px 10px; // 26px
71
+ $paddingMini: 1px 6px; // 24px
72
+
73
+ $baseBorderRadius: 4px;
74
+ $borderRadiusLarge: 6px;
75
+ $borderRadiusSmall: 3px;
76
+
77
+
60
78
  // Tables
61
79
  // -------------------------
62
80
  $tableBackground: transparent !default; // overall background-color
@@ -93,9 +111,11 @@ $btnInverseBackgroundHighlight: $grayDarker !default;
93
111
  // -------------------------
94
112
  $inputBackground: $white !default;
95
113
  $inputBorder: #ccc !default;
96
- $inputBorderRadius: 3px !default;
114
+ $inputBorderRadius: $baseBorderRadius !default;
97
115
  $inputDisabledBackground: $grayLighter !default;
98
116
  $formActionsBackground: #f5f5f5 !default;
117
+ $inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
118
+
99
119
 
100
120
  // Dropdowns
101
121
  // -------------------------
@@ -116,6 +136,7 @@ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
116
136
  // COMPONENT VARIABLES
117
137
  // --------------------------------------------------
118
138
 
139
+
119
140
  // Z-index master list
120
141
  // -------------------------
121
142
  // Used for a bird's eye view of components dependent on the z-axis
@@ -130,8 +151,8 @@ $zindexModal: 1050 !default;
130
151
 
131
152
  // Sprite icons path
132
153
  // -------------------------
133
- $iconSpritePath: asset-url("glyphicons-halflings.png", image) !default;
134
- $iconWhiteSpritePath: asset-url("glyphicons-halflings-white.png", image) !default;
154
+ $iconSpritePath: image-path("glyphicons-halflings.png") !default;
155
+ $iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
135
156
 
136
157
 
137
158
  // Input placeholder text color
@@ -146,7 +167,7 @@ $hrBorder: $grayLighter !default;
146
167
 
147
168
  // Horizontal forms & lists
148
169
  // -------------------------
149
- $horizontalComponentOffset: 180px !default;
170
+ $horizontalComponentOffset: 180px;
150
171
 
151
172
 
152
173
  // Wells
@@ -157,14 +178,15 @@ $wellBackground: #f5f5f5 !default;
157
178
  // Navbar
158
179
  // -------------------------
159
180
  $navbarCollapseWidth: 979px !default;
181
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
160
182
 
161
183
  $navbarHeight: 40px !default;
162
184
  $navbarBackgroundHighlight: #ffffff !default;
163
185
  $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
164
186
  $navbarBorder: darken($navbarBackground, 12%) !default;
165
187
 
166
- $navbarText: $gray !default;
167
- $navbarLinkColor: $gray !default;
188
+ $navbarText: #777 !default;
189
+ $navbarLinkColor: #777 !default;
168
190
  $navbarLinkColorHover: $grayDark !default;
169
191
  $navbarLinkColorActive: $gray !default;
170
192
  $navbarLinkBackgroundHover: transparent !default;