bootstrap-generators 2.2.2 → 2.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +14 -14
- data/bootstrap-generators.gemspec +1 -1
- data/lib/bootstrap-generators.rb +0 -1
- data/lib/bootstrap/generators/version.rb +1 -1
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +9 -9
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +3 -3
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +1 -1
- data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +1 -1
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +1 -1
- data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +1 -1
- data/vendor/assets/javascripts/bootstrap-affix.js +1 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +32 -10
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -4
- data/vendor/assets/javascripts/bootstrap-dropdown.js +14 -10
- data/vendor/assets/javascripts/bootstrap-modal.js +14 -12
- data/vendor/assets/javascripts/bootstrap-popover.js +5 -5
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +104 -30
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +16 -4
- data/vendor/assets/stylesheets/bootstrap-responsive.css +24 -7
- data/vendor/assets/stylesheets/bootstrap.css +238 -119
- data/vendor/twitter/bootstrap/less/bootstrap.less +4 -4
- data/vendor/twitter/bootstrap/less/button-groups.less +4 -2
- data/vendor/twitter/bootstrap/less/buttons.less +8 -10
- data/vendor/twitter/bootstrap/less/carousel.less +34 -7
- data/vendor/twitter/bootstrap/less/close.less +2 -1
- data/vendor/twitter/bootstrap/less/dropdowns.less +16 -12
- data/vendor/twitter/bootstrap/less/forms.less +5 -2
- data/vendor/twitter/bootstrap/less/labels-badges.less +4 -2
- data/vendor/twitter/bootstrap/less/media.less +2 -2
- data/vendor/twitter/bootstrap/less/mixins.less +24 -8
- data/vendor/twitter/bootstrap/less/navbar.less +20 -13
- data/vendor/twitter/bootstrap/less/navs.less +39 -21
- data/vendor/twitter/bootstrap/less/pager.less +3 -1
- data/vendor/twitter/bootstrap/less/pagination.less +3 -1
- data/vendor/twitter/bootstrap/less/popovers.less +5 -1
- data/vendor/twitter/bootstrap/less/responsive-767px-max.less +2 -2
- data/vendor/twitter/bootstrap/less/responsive-navbar.less +6 -2
- data/vendor/twitter/bootstrap/less/responsive-utilities.less +16 -0
- data/vendor/twitter/bootstrap/less/responsive.less +1 -10
- data/vendor/twitter/bootstrap/less/scaffolding.less +2 -1
- data/vendor/twitter/bootstrap/less/sprites.less +7 -3
- data/vendor/twitter/bootstrap/less/tables.less +24 -17
- data/vendor/twitter/bootstrap/less/thumbnails.less +3 -2
- data/vendor/twitter/bootstrap/less/tooltip.less +6 -6
- data/vendor/twitter/bootstrap/less/type.less +19 -7
- data/vendor/twitter/bootstrap/less/variables.less +3 -3
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +4 -2
- data/vendor/twitter/bootstrap/sass/_buttons.scss +8 -10
- data/vendor/twitter/bootstrap/sass/_carousel.scss +33 -6
- data/vendor/twitter/bootstrap/sass/_close.scss +2 -1
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +16 -12
- data/vendor/twitter/bootstrap/sass/_forms.scss +5 -2
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +4 -2
- data/vendor/twitter/bootstrap/sass/_media.scss +2 -2
- data/vendor/twitter/bootstrap/sass/_mixins.scss +8 -2
- data/vendor/twitter/bootstrap/sass/_modals.scss +3 -3
- data/vendor/twitter/bootstrap/sass/_navbar.scss +18 -11
- data/vendor/twitter/bootstrap/sass/_navs.scss +39 -21
- data/vendor/twitter/bootstrap/sass/_pager.scss +3 -1
- data/vendor/twitter/bootstrap/sass/_pagination.scss +3 -1
- data/vendor/twitter/bootstrap/sass/_popovers.scss +5 -1
- data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +6 -2
- data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +29 -13
- data/vendor/twitter/bootstrap/sass/_scaffolding.scss +2 -1
- data/vendor/twitter/bootstrap/sass/_sprites.scss +7 -3
- data/vendor/twitter/bootstrap/sass/_tables.scss +24 -17
- data/vendor/twitter/bootstrap/sass/_thumbnails.scss +3 -2
- data/vendor/twitter/bootstrap/sass/_tooltip.scss +6 -6
- data/vendor/twitter/bootstrap/sass/_type.scss +20 -8
- data/vendor/twitter/bootstrap/sass/_variables.scss +4 -4
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +1 -1
- data/vendor/twitter/bootstrap/sass/responsive.scss +1 -10
- metadata +38 -12
@@ -33,8 +33,9 @@
|
|
33
33
|
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
34
34
|
.transition(all .2s ease-in-out);
|
35
35
|
}
|
36
|
-
// Add a hover state for linked versions only
|
37
|
-
a.thumbnail:hover
|
36
|
+
// Add a hover/focus state for linked versions only
|
37
|
+
a.thumbnail:hover,
|
38
|
+
a.thumbnail:focus {
|
38
39
|
border-color: @linkColor;
|
39
40
|
.box-shadow(0 1px 4px rgba(0,105,214,.25));
|
40
41
|
}
|
@@ -9,20 +9,20 @@
|
|
9
9
|
z-index: @zindexTooltip;
|
10
10
|
display: block;
|
11
11
|
visibility: visible;
|
12
|
-
padding: 5px;
|
13
12
|
font-size: 11px;
|
13
|
+
line-height: 1.4;
|
14
14
|
.opacity(0);
|
15
15
|
&.in { .opacity(80); }
|
16
|
-
&.top { margin-top: -3px; }
|
17
|
-
&.right { margin-left: 3px; }
|
18
|
-
&.bottom { margin-top: 3px; }
|
19
|
-
&.left { margin-left: -3px; }
|
16
|
+
&.top { margin-top: -3px; padding: 5px 0; }
|
17
|
+
&.right { margin-left: 3px; padding: 0 5px; }
|
18
|
+
&.bottom { margin-top: 3px; padding: 5px 0; }
|
19
|
+
&.left { margin-left: -3px; padding: 0 5px; }
|
20
20
|
}
|
21
21
|
|
22
22
|
// Wrapper for the tooltip content
|
23
23
|
.tooltip-inner {
|
24
24
|
max-width: 200px;
|
25
|
-
padding:
|
25
|
+
padding: 8px;
|
26
26
|
color: @tooltipColor;
|
27
27
|
text-align: center;
|
28
28
|
text-decoration: none;
|
@@ -29,19 +29,28 @@ cite { font-style: normal; }
|
|
29
29
|
|
30
30
|
// Utility classes
|
31
31
|
.muted { color: @grayLight; }
|
32
|
-
a.muted:hover
|
32
|
+
a.muted:hover,
|
33
|
+
a.muted:focus { color: darken(@grayLight, 10%); }
|
33
34
|
|
34
35
|
.text-warning { color: @warningText; }
|
35
|
-
a.text-warning:hover
|
36
|
+
a.text-warning:hover,
|
37
|
+
a.text-warning:focus { color: darken(@warningText, 10%); }
|
36
38
|
|
37
39
|
.text-error { color: @errorText; }
|
38
|
-
a.text-error:hover
|
40
|
+
a.text-error:hover,
|
41
|
+
a.text-error:focus { color: darken(@errorText, 10%); }
|
39
42
|
|
40
43
|
.text-info { color: @infoText; }
|
41
|
-
a.text-info:hover
|
44
|
+
a.text-info:hover,
|
45
|
+
a.text-info:focus { color: darken(@infoText, 10%); }
|
42
46
|
|
43
47
|
.text-success { color: @successText; }
|
44
|
-
a.text-success:hover
|
48
|
+
a.text-success:hover,
|
49
|
+
a.text-success:focus { color: darken(@successText, 10%); }
|
50
|
+
|
51
|
+
.text-left { text-align: left; }
|
52
|
+
.text-right { text-align: right; }
|
53
|
+
.text-center { text-align: center; }
|
45
54
|
|
46
55
|
|
47
56
|
// Headings
|
@@ -119,8 +128,9 @@ ul.inline,
|
|
119
128
|
ol.inline {
|
120
129
|
margin-left: 0;
|
121
130
|
list-style: none;
|
122
|
-
|
131
|
+
> li {
|
123
132
|
display: inline-block;
|
133
|
+
.ie7-inline-block();
|
124
134
|
padding-left: 5px;
|
125
135
|
padding-right: 5px;
|
126
136
|
}
|
@@ -185,7 +195,9 @@ blockquote {
|
|
185
195
|
border-left: 5px solid @grayLighter;
|
186
196
|
p {
|
187
197
|
margin-bottom: 0;
|
188
|
-
|
198
|
+
font-size: @baseFontSize * 1.25;
|
199
|
+
font-weight: 300;
|
200
|
+
line-height: 1.25;
|
189
201
|
}
|
190
202
|
small {
|
191
203
|
display: block;
|
@@ -86,7 +86,7 @@
|
|
86
86
|
// -------------------------
|
87
87
|
@btnBackground: @white;
|
88
88
|
@btnBackgroundHighlight: darken(@white, 10%);
|
89
|
-
@btnBorder: #
|
89
|
+
@btnBorder: #ccc;
|
90
90
|
|
91
91
|
@btnPrimaryBackground: @linkColor;
|
92
92
|
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
|
@@ -151,8 +151,8 @@
|
|
151
151
|
|
152
152
|
// Sprite icons path
|
153
153
|
// -------------------------
|
154
|
-
@iconSpritePath: "
|
155
|
-
@iconWhiteSpritePath: "
|
154
|
+
@iconSpritePath: "glyphicons-halflings.png";
|
155
|
+
@iconWhiteSpritePath: "glyphicons-halflings-white.png";
|
156
156
|
|
157
157
|
|
158
158
|
// Input placeholder text color
|
@@ -164,8 +164,6 @@
|
|
164
164
|
margin-left: 0;
|
165
165
|
}
|
166
166
|
// Carets in other button sizes
|
167
|
-
.btn-mini .caret,
|
168
|
-
.btn-small .caret,
|
169
167
|
.btn-large .caret {
|
170
168
|
margin-top: 6px;
|
171
169
|
}
|
@@ -174,6 +172,10 @@
|
|
174
172
|
border-right-width: 5px;
|
175
173
|
border-top-width: 5px;
|
176
174
|
}
|
175
|
+
.btn-mini .caret,
|
176
|
+
.btn-small .caret {
|
177
|
+
margin-top: 8px;
|
178
|
+
}
|
177
179
|
// Upside down carets for .dropup
|
178
180
|
.dropup .btn-large .caret {
|
179
181
|
border-bottom-width: 5px;
|
@@ -25,13 +25,14 @@
|
|
25
25
|
@include ie7-restore-left-whitespace(); // Give IE7 some love
|
26
26
|
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05));
|
27
27
|
|
28
|
-
// Hover state
|
29
|
-
&:hover
|
28
|
+
// Hover/focus state
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
30
31
|
color: $grayDark;
|
31
32
|
text-decoration: none;
|
32
33
|
background-position: 0 -15px;
|
33
34
|
|
34
|
-
// transition is only when going to hover, otherwise the background
|
35
|
+
// transition is only when going to hover/focus, otherwise the background
|
35
36
|
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
36
37
|
@include transition(background-position .1s linear);
|
37
38
|
}
|
@@ -141,11 +142,6 @@ input[type="button"] {
|
|
141
142
|
|
142
143
|
// Set the backgrounds
|
143
144
|
// -------------------------
|
144
|
-
.btn {
|
145
|
-
// reset here as of 2.0.3 due to Recess property order
|
146
|
-
border-color: #c5c5c5;
|
147
|
-
border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25);
|
148
|
-
}
|
149
145
|
.btn-primary {
|
150
146
|
@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
|
151
147
|
}
|
@@ -219,12 +215,14 @@ input[type="submit"].btn {
|
|
219
215
|
color: $linkColor;
|
220
216
|
@include border-radius(0);
|
221
217
|
}
|
222
|
-
.btn-link:hover
|
218
|
+
.btn-link:hover,
|
219
|
+
.btn-link:focus {
|
223
220
|
color: $linkColorHover;
|
224
221
|
text-decoration: underline;
|
225
222
|
background-color: transparent;
|
226
223
|
}
|
227
|
-
.btn-link[disabled]:hover
|
224
|
+
.btn-link[disabled]:hover,
|
225
|
+
.btn-link[disabled]:focus {
|
228
226
|
color: $grayDark;
|
229
227
|
text-decoration: none;
|
230
228
|
}
|
@@ -21,12 +21,13 @@
|
|
21
21
|
display: none;
|
22
22
|
position: relative;
|
23
23
|
@include transition(.6s ease-in-out left);
|
24
|
-
}
|
25
24
|
|
26
25
|
// Account for jankitude on images
|
27
|
-
|
28
|
-
|
29
|
-
|
26
|
+
> img,
|
27
|
+
> a > img {
|
28
|
+
display: block;
|
29
|
+
line-height: 1;
|
30
|
+
}
|
30
31
|
}
|
31
32
|
|
32
33
|
> .active,
|
@@ -97,14 +98,40 @@
|
|
97
98
|
right: 15px;
|
98
99
|
}
|
99
100
|
|
100
|
-
// Hover state
|
101
|
-
&:hover
|
101
|
+
// Hover/focus state
|
102
|
+
&:hover,
|
103
|
+
&:focus {
|
102
104
|
color: $white;
|
103
105
|
text-decoration: none;
|
104
106
|
@include opacity(90);
|
105
107
|
}
|
106
108
|
}
|
107
109
|
|
110
|
+
// Carousel indicator pips
|
111
|
+
// -----------------------------
|
112
|
+
.carousel-indicators {
|
113
|
+
position: absolute;
|
114
|
+
top: 15px;
|
115
|
+
right: 15px;
|
116
|
+
z-index: 5;
|
117
|
+
margin: 0;
|
118
|
+
list-style: none;
|
119
|
+
|
120
|
+
li {
|
121
|
+
display: block;
|
122
|
+
float: left;
|
123
|
+
width: 10px;
|
124
|
+
height: 10px;
|
125
|
+
margin-left: 5px;
|
126
|
+
text-indent: -999px;
|
127
|
+
background-color: #ccc;
|
128
|
+
background-color: rgba(255,255,255,.25);
|
129
|
+
border-radius: 5px;
|
130
|
+
}
|
131
|
+
.active {
|
132
|
+
background-color: #fff;
|
133
|
+
}
|
134
|
+
}
|
108
135
|
|
109
136
|
// Caption for text below images
|
110
137
|
// -----------------------------
|
@@ -72,7 +72,7 @@
|
|
72
72
|
}
|
73
73
|
|
74
74
|
// Links within the dropdown menu
|
75
|
-
li > a {
|
75
|
+
> li > a {
|
76
76
|
display: block;
|
77
77
|
padding: 3px 20px;
|
78
78
|
clear: both;
|
@@ -83,11 +83,12 @@
|
|
83
83
|
}
|
84
84
|
}
|
85
85
|
|
86
|
-
// Hover state
|
86
|
+
// Hover/Focus state
|
87
87
|
// -----------
|
88
|
-
.dropdown-menu li > a:hover,
|
89
|
-
.dropdown-menu li > a:focus,
|
90
|
-
.dropdown-submenu:hover > a
|
88
|
+
.dropdown-menu > li > a:hover,
|
89
|
+
.dropdown-menu > li > a:focus,
|
90
|
+
.dropdown-submenu:hover > a,
|
91
|
+
.dropdown-submenu:focus > a {
|
91
92
|
text-decoration: none;
|
92
93
|
color: $dropdownLinkColorHover;
|
93
94
|
@include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
|
@@ -95,8 +96,9 @@
|
|
95
96
|
|
96
97
|
// Active state
|
97
98
|
// ------------
|
98
|
-
.dropdown-menu .active > a,
|
99
|
-
.dropdown-menu .active > a:hover
|
99
|
+
.dropdown-menu > .active > a,
|
100
|
+
.dropdown-menu > .active > a:hover,
|
101
|
+
.dropdown-menu > .active > a:focus {
|
100
102
|
color: $dropdownLinkColorActive;
|
101
103
|
text-decoration: none;
|
102
104
|
outline: 0;
|
@@ -105,13 +107,15 @@
|
|
105
107
|
|
106
108
|
// Disabled state
|
107
109
|
// --------------
|
108
|
-
// Gray out text and ensure the hover state remains gray
|
109
|
-
.dropdown-menu .disabled > a,
|
110
|
-
.dropdown-menu .disabled > a:hover
|
110
|
+
// Gray out text and ensure the hover/focus state remains gray
|
111
|
+
.dropdown-menu > .disabled > a,
|
112
|
+
.dropdown-menu > .disabled > a:hover,
|
113
|
+
.dropdown-menu > .disabled > a:focus {
|
111
114
|
color: $grayLight;
|
112
115
|
}
|
113
|
-
// Nuke hover effects
|
114
|
-
.dropdown-menu .disabled > a:hover
|
116
|
+
// Nuke hover/focus effects
|
117
|
+
.dropdown-menu > .disabled > a:hover,
|
118
|
+
.dropdown-menu > .disabled > a:focus {
|
115
119
|
text-decoration: none;
|
116
120
|
background-color: transparent;
|
117
121
|
background-image: none; // Remove CSS gradient
|
@@ -421,7 +421,9 @@ select:focus:invalid {
|
|
421
421
|
// Allow us to put symbols and text within the input field for a cleaner look
|
422
422
|
.input-append,
|
423
423
|
.input-prepend {
|
424
|
-
|
424
|
+
display: inline-block;
|
425
|
+
margin-bottom: $baseLineHeight / 2;
|
426
|
+
vertical-align: middle;
|
425
427
|
font-size: 0; // white space collapse hack
|
426
428
|
white-space: nowrap; // Prevent span and input from separating
|
427
429
|
|
@@ -429,7 +431,8 @@ select:focus:invalid {
|
|
429
431
|
input,
|
430
432
|
select,
|
431
433
|
.uneditable-input,
|
432
|
-
.dropdown-menu
|
434
|
+
.dropdown-menu,
|
435
|
+
.popover {
|
433
436
|
font-size: $baseFontSize;
|
434
437
|
}
|
435
438
|
|
@@ -35,10 +35,12 @@
|
|
35
35
|
}
|
36
36
|
}
|
37
37
|
|
38
|
-
// Hover state, but only for links
|
38
|
+
// Hover/focus state, but only for links
|
39
39
|
a {
|
40
40
|
&.label:hover,
|
41
|
-
&.
|
41
|
+
&.label:focus,
|
42
|
+
&.badge:hover,
|
43
|
+
&.badge:focus {
|
42
44
|
color: $white;
|
43
45
|
text-decoration: none;
|
44
46
|
cursor: pointer;
|
@@ -244,7 +244,7 @@
|
|
244
244
|
}
|
245
245
|
|
246
246
|
// Drop shadows
|
247
|
-
@mixin box-shadow($shadow...) {
|
247
|
+
@mixin box-shadow($shadow...) {
|
248
248
|
-webkit-box-shadow: $shadow;
|
249
249
|
-moz-box-shadow: $shadow;
|
250
250
|
box-shadow: $shadow;
|
@@ -263,6 +263,12 @@
|
|
263
263
|
-o-transition-delay: $transition-delay;
|
264
264
|
transition-delay: $transition-delay;
|
265
265
|
}
|
266
|
+
@mixin transition-duration($transition-duration) {
|
267
|
+
-webkit-transition-duration: $transition-duration;
|
268
|
+
-moz-transition-duration: $transition-duration;
|
269
|
+
-o-transition-duration: $transition-duration;
|
270
|
+
transition-duration: $transition-duration;
|
271
|
+
}
|
266
272
|
|
267
273
|
// Transformations
|
268
274
|
@mixin rotate($degrees) {
|
@@ -493,7 +499,7 @@
|
|
493
499
|
@include reset-filter();
|
494
500
|
|
495
501
|
// in these cases the gradient won't cover the background, so we override
|
496
|
-
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
502
|
+
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
497
503
|
color: $textColor;
|
498
504
|
background-color: $endColor;
|
499
505
|
*background-color: darken($endColor, 5%);
|
@@ -23,11 +23,11 @@
|
|
23
23
|
// Base modal
|
24
24
|
.modal {
|
25
25
|
position: fixed;
|
26
|
-
top:
|
26
|
+
top: 10%;
|
27
27
|
left: 50%;
|
28
28
|
z-index: $zindexModal;
|
29
29
|
width: 560px;
|
30
|
-
margin: -
|
30
|
+
margin-left: -280px;
|
31
31
|
background-color: $white;
|
32
32
|
border: 1px solid #999;
|
33
33
|
border: 1px solid rgba(0,0,0,.3);
|
@@ -42,7 +42,7 @@
|
|
42
42
|
@include transition(opacity .3s linear, top .3s ease-out);
|
43
43
|
top: -25%;
|
44
44
|
}
|
45
|
-
&.fade.in { top:
|
45
|
+
&.fade.in { top: 10%; }
|
46
46
|
}
|
47
47
|
.modal-header {
|
48
48
|
padding: 9px 15px;
|
@@ -56,7 +56,8 @@
|
|
56
56
|
font-weight: 200;
|
57
57
|
color: $navbarBrandColor;
|
58
58
|
text-shadow: 0 1px 0 $navbarBackgroundHighlight;
|
59
|
-
&:hover
|
59
|
+
&:hover,
|
60
|
+
&:focus {
|
60
61
|
text-decoration: none;
|
61
62
|
}
|
62
63
|
}
|
@@ -73,7 +74,8 @@
|
|
73
74
|
// -------------------------
|
74
75
|
.navbar-link {
|
75
76
|
color: $navbarLinkColor;
|
76
|
-
&:hover
|
77
|
+
&:hover,
|
78
|
+
&:focus {
|
77
79
|
color: $navbarLinkColorHover;
|
78
80
|
}
|
79
81
|
}
|
@@ -95,7 +97,9 @@
|
|
95
97
|
}
|
96
98
|
.navbar .btn-group .btn,
|
97
99
|
.navbar .input-prepend .btn,
|
98
|
-
.navbar .input-append .btn
|
100
|
+
.navbar .input-append .btn,
|
101
|
+
.navbar .input-prepend .btn-group,
|
102
|
+
.navbar .input-append .btn-group {
|
99
103
|
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
100
104
|
}
|
101
105
|
|
@@ -245,13 +249,12 @@
|
|
245
249
|
}
|
246
250
|
.navbar .nav .dropdown-toggle .caret {
|
247
251
|
margin-top: 8px;
|
248
|
-
|
249
252
|
}
|
250
253
|
|
251
|
-
// Hover
|
254
|
+
// Hover/focus
|
252
255
|
.navbar .nav > li > a:focus,
|
253
256
|
.navbar .nav > li > a:hover {
|
254
|
-
background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
|
257
|
+
background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
|
255
258
|
color: $navbarLinkColorHover;
|
256
259
|
text-decoration: none;
|
257
260
|
}
|
@@ -335,8 +338,9 @@
|
|
335
338
|
}
|
336
339
|
}
|
337
340
|
|
338
|
-
// Caret should match text color on hover
|
339
|
-
.navbar .nav li.dropdown > a:hover .caret
|
341
|
+
// Caret should match text color on hover/focus
|
342
|
+
.navbar .nav li.dropdown > a:hover .caret,
|
343
|
+
.navbar .nav li.dropdown > a:focus .caret {
|
340
344
|
border-top-color: $navbarLinkColorActive;
|
341
345
|
border-bottom-color: $navbarLinkColorActive;
|
342
346
|
}
|
@@ -396,7 +400,8 @@
|
|
396
400
|
.nav > li > a {
|
397
401
|
color: $navbarInverseLinkColor;
|
398
402
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
399
|
-
&:hover
|
403
|
+
&:hover,
|
404
|
+
&:focus {
|
400
405
|
color: $navbarInverseLinkColorHover;
|
401
406
|
}
|
402
407
|
}
|
@@ -425,7 +430,8 @@
|
|
425
430
|
// Inline text links
|
426
431
|
.navbar-link {
|
427
432
|
color: $navbarInverseLinkColor;
|
428
|
-
&:hover
|
433
|
+
&:hover,
|
434
|
+
&:focus {
|
429
435
|
color: $navbarInverseLinkColorHover;
|
430
436
|
}
|
431
437
|
}
|
@@ -443,7 +449,8 @@
|
|
443
449
|
background-color: $navbarInverseLinkBackgroundActive;
|
444
450
|
color: $navbarInverseLinkColorActive;
|
445
451
|
}
|
446
|
-
.nav li.dropdown > a:hover .caret
|
452
|
+
.nav li.dropdown > a:hover .caret,
|
453
|
+
.nav li.dropdown > a:focus .caret {
|
447
454
|
border-top-color: $navbarInverseLinkColorActive;
|
448
455
|
color: $navbarInverseLinkColorActive;
|
449
456
|
}
|