bootstrap-sass-rails 3.0.3.0 → 3.1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/LICENSE +1 -1
- data/README.md +24 -133
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -115
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -49
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -227
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -155
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -34
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -53
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -187
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -373
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -237
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -78
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -136
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -46
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -64
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -88
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -847
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -129
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -616
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -242
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -406
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -85
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -182
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -105
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -80
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -198
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -119
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -231
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -247
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -38
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -281
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -642
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/lib/bootstrap-sass-rails.rb +1 -1
- data/lib/bootstrap/sass/rails/engine.rb +3 -8
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/generators/bootstrap/templates/USAGE +1 -1
- metadata +37 -17
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -229
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions.rb +0 -5
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
@@ -1,129 +1 @@
|
|
1
|
-
|
2
|
-
// Modals
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
// .modal-open - body class for killing the scroll
|
6
|
-
// .modal - container to scroll within
|
7
|
-
// .modal-dialog - positioning shell for the actual modal
|
8
|
-
// .modal-content - actual modal w/ bg and corners and shit
|
9
|
-
|
10
|
-
// Kill the scroll on the body
|
11
|
-
.modal-open {
|
12
|
-
overflow: hidden;
|
13
|
-
}
|
14
|
-
|
15
|
-
// Container that the modal scrolls within
|
16
|
-
.modal {
|
17
|
-
display: none;
|
18
|
-
overflow: auto;
|
19
|
-
overflow-y: scroll;
|
20
|
-
position: fixed;
|
21
|
-
top: 0;
|
22
|
-
right: 0;
|
23
|
-
bottom: 0;
|
24
|
-
left: 0;
|
25
|
-
z-index: $zindex-modal-background;
|
26
|
-
|
27
|
-
// When fading in the modal, animate it to slide down
|
28
|
-
&.fade .modal-dialog {
|
29
|
-
@include translate(0, -25%);
|
30
|
-
@include transition-transform(0.3s ease-out);
|
31
|
-
}
|
32
|
-
&.in .modal-dialog { @include translate(0, 0)}
|
33
|
-
}
|
34
|
-
|
35
|
-
// Shell div to position the modal with bottom padding
|
36
|
-
.modal-dialog {
|
37
|
-
position: relative;
|
38
|
-
width: auto;
|
39
|
-
margin: 10px;
|
40
|
-
z-index: ($zindex-modal-background + 10);
|
41
|
-
}
|
42
|
-
|
43
|
-
// Actual modal
|
44
|
-
.modal-content {
|
45
|
-
position: relative;
|
46
|
-
background-color: $modal-content-bg;
|
47
|
-
border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
|
48
|
-
border: 1px solid $modal-content-border-color;
|
49
|
-
border-radius: $border-radius-large;
|
50
|
-
@include box-shadow(0 3px 9px rgba(0,0,0,.5));
|
51
|
-
background-clip: padding-box;
|
52
|
-
// Remove focus outline from opened modal
|
53
|
-
outline: none;
|
54
|
-
}
|
55
|
-
|
56
|
-
// Modal background
|
57
|
-
.modal-backdrop {
|
58
|
-
position: fixed;
|
59
|
-
top: 0;
|
60
|
-
right: 0;
|
61
|
-
bottom: 0;
|
62
|
-
left: 0;
|
63
|
-
z-index: ($zindex-modal-background - 10);
|
64
|
-
background-color: $modal-backdrop-bg;
|
65
|
-
// Fade for backdrop
|
66
|
-
&.fade { @include opacity(0); }
|
67
|
-
&.in { @include opacity(.5); }
|
68
|
-
}
|
69
|
-
|
70
|
-
// Modal header
|
71
|
-
// Top section of the modal w/ title and dismiss
|
72
|
-
.modal-header {
|
73
|
-
padding: $modal-title-padding;
|
74
|
-
border-bottom: 1px solid $modal-header-border-color;
|
75
|
-
min-height: ($modal-title-padding + $modal-title-line-height);
|
76
|
-
}
|
77
|
-
// Close icon
|
78
|
-
.modal-header .close {
|
79
|
-
margin-top: -2px;
|
80
|
-
}
|
81
|
-
|
82
|
-
// Title text within header
|
83
|
-
.modal-title {
|
84
|
-
margin: 0;
|
85
|
-
line-height: $modal-title-line-height;
|
86
|
-
}
|
87
|
-
|
88
|
-
// Modal body
|
89
|
-
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
90
|
-
.modal-body {
|
91
|
-
position: relative;
|
92
|
-
padding: $modal-inner-padding;
|
93
|
-
}
|
94
|
-
|
95
|
-
// Footer (for actions)
|
96
|
-
.modal-footer {
|
97
|
-
margin-top: 15px;
|
98
|
-
padding: ($modal-inner-padding - 1) $modal-inner-padding $modal-inner-padding;
|
99
|
-
text-align: right; // right align buttons
|
100
|
-
border-top: 1px solid $modal-footer-border-color;
|
101
|
-
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
102
|
-
|
103
|
-
// Properly space out buttons
|
104
|
-
.btn + .btn {
|
105
|
-
margin-left: 5px;
|
106
|
-
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
107
|
-
}
|
108
|
-
// but override that for button groups
|
109
|
-
.btn-group .btn + .btn {
|
110
|
-
margin-left: -1px;
|
111
|
-
}
|
112
|
-
// and override it for block buttons as well
|
113
|
-
.btn-block + .btn-block {
|
114
|
-
margin-left: 0;
|
115
|
-
}
|
116
|
-
}
|
117
|
-
|
118
|
-
// Scale up the modal
|
119
|
-
@media screen and (min-width: $screen-sm-min) {
|
120
|
-
|
121
|
-
.modal-dialog {
|
122
|
-
width: 600px;
|
123
|
-
margin: 30px auto;
|
124
|
-
}
|
125
|
-
.modal-content {
|
126
|
-
@include box-shadow(0 5px 15px rgba(0,0,0,.5));
|
127
|
-
}
|
128
|
-
|
129
|
-
}
|
1
|
+
@import "bootstrap/modals";
|
@@ -1,616 +1 @@
|
|
1
|
-
|
2
|
-
// Navbars
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Wrapper and base class
|
7
|
-
//
|
8
|
-
// Provide a static navbar from which we expand to create full-width, fixed, and
|
9
|
-
// other navbar variations.
|
10
|
-
|
11
|
-
.navbar {
|
12
|
-
position: relative;
|
13
|
-
min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
|
14
|
-
margin-bottom: $navbar-margin-bottom;
|
15
|
-
border: 1px solid transparent;
|
16
|
-
|
17
|
-
// Prevent floats from breaking the navbar
|
18
|
-
@include clearfix();
|
19
|
-
|
20
|
-
@media (min-width: $grid-float-breakpoint) {
|
21
|
-
border-radius: $navbar-border-radius;
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
|
26
|
-
// Navbar heading
|
27
|
-
//
|
28
|
-
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
|
29
|
-
// styling of responsive aspects.
|
30
|
-
|
31
|
-
.navbar-header {
|
32
|
-
@include clearfix();
|
33
|
-
|
34
|
-
@media (min-width: $grid-float-breakpoint) {
|
35
|
-
float: left;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
|
40
|
-
// Navbar collapse (body)
|
41
|
-
//
|
42
|
-
// Group your navbar content into this for easy collapsing and expanding across
|
43
|
-
// various device sizes. By default, this content is collapsed when <768px, but
|
44
|
-
// will expand past that for a horizontal display.
|
45
|
-
//
|
46
|
-
// To start (on mobile devices) the navbar links, forms, and buttons are stacked
|
47
|
-
// vertically and include a `max-height` to overflow in case you have too much
|
48
|
-
// content for the user's viewport.
|
49
|
-
|
50
|
-
.navbar-collapse {
|
51
|
-
max-height: 340px;
|
52
|
-
overflow-x: visible;
|
53
|
-
padding-right: $navbar-padding-horizontal;
|
54
|
-
padding-left: $navbar-padding-horizontal;
|
55
|
-
border-top: 1px solid transparent;
|
56
|
-
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
|
57
|
-
@include clearfix();
|
58
|
-
-webkit-overflow-scrolling: touch;
|
59
|
-
|
60
|
-
&.in {
|
61
|
-
overflow-y: auto;
|
62
|
-
}
|
63
|
-
|
64
|
-
@media (min-width: $grid-float-breakpoint) {
|
65
|
-
width: auto;
|
66
|
-
border-top: 0;
|
67
|
-
box-shadow: none;
|
68
|
-
|
69
|
-
&.collapse {
|
70
|
-
display: block !important;
|
71
|
-
height: auto !important;
|
72
|
-
padding-bottom: 0; // Override default setting
|
73
|
-
overflow: visible !important;
|
74
|
-
}
|
75
|
-
|
76
|
-
&.in {
|
77
|
-
overflow-y: visible;
|
78
|
-
}
|
79
|
-
|
80
|
-
// Undo the collapse side padding for navbars with containers to ensure
|
81
|
-
// alignment of right-aligned contents.
|
82
|
-
.navbar-fixed-top &,
|
83
|
-
.navbar-static-top &,
|
84
|
-
.navbar-fixed-bottom & {
|
85
|
-
padding-left: 0;
|
86
|
-
padding-right: 0;
|
87
|
-
}
|
88
|
-
}
|
89
|
-
}
|
90
|
-
|
91
|
-
|
92
|
-
// Both navbar header and collapse
|
93
|
-
//
|
94
|
-
// When a container is present, change the behavior of the header and collapse.
|
95
|
-
|
96
|
-
.container > .navbar-header,
|
97
|
-
.container > .navbar-collapse {
|
98
|
-
margin-right: -$navbar-padding-horizontal;
|
99
|
-
margin-left: -$navbar-padding-horizontal;
|
100
|
-
|
101
|
-
@media (min-width: $grid-float-breakpoint) {
|
102
|
-
margin-right: 0;
|
103
|
-
margin-left: 0;
|
104
|
-
}
|
105
|
-
}
|
106
|
-
|
107
|
-
|
108
|
-
//
|
109
|
-
// Navbar alignment options
|
110
|
-
//
|
111
|
-
// Display the navbar across the entirety of the page or fixed it to the top or
|
112
|
-
// bottom of the page.
|
113
|
-
|
114
|
-
// Static top (unfixed, but 100% wide) navbar
|
115
|
-
.navbar-static-top {
|
116
|
-
z-index: $zindex-navbar;
|
117
|
-
border-width: 0 0 1px;
|
118
|
-
|
119
|
-
@media (min-width: $grid-float-breakpoint) {
|
120
|
-
border-radius: 0;
|
121
|
-
}
|
122
|
-
}
|
123
|
-
|
124
|
-
// Fix the top/bottom navbars when screen real estate supports it
|
125
|
-
.navbar-fixed-top,
|
126
|
-
.navbar-fixed-bottom {
|
127
|
-
position: fixed;
|
128
|
-
right: 0;
|
129
|
-
left: 0;
|
130
|
-
z-index: $zindex-navbar-fixed;
|
131
|
-
|
132
|
-
// Undo the rounded corners
|
133
|
-
@media (min-width: $grid-float-breakpoint) {
|
134
|
-
border-radius: 0;
|
135
|
-
}
|
136
|
-
}
|
137
|
-
.navbar-fixed-top {
|
138
|
-
top: 0;
|
139
|
-
border-width: 0 0 1px;
|
140
|
-
}
|
141
|
-
.navbar-fixed-bottom {
|
142
|
-
bottom: 0;
|
143
|
-
margin-bottom: 0; // override .navbar defaults
|
144
|
-
border-width: 1px 0 0;
|
145
|
-
}
|
146
|
-
|
147
|
-
|
148
|
-
// Brand/project name
|
149
|
-
|
150
|
-
.navbar-brand {
|
151
|
-
float: left;
|
152
|
-
padding: $navbar-padding-vertical $navbar-padding-horizontal;
|
153
|
-
font-size: $font-size-large;
|
154
|
-
line-height: $line-height-computed;
|
155
|
-
|
156
|
-
&:hover,
|
157
|
-
&:focus {
|
158
|
-
text-decoration: none;
|
159
|
-
}
|
160
|
-
|
161
|
-
@media (min-width: $grid-float-breakpoint) {
|
162
|
-
.navbar > .container & {
|
163
|
-
margin-left: -$navbar-padding-horizontal;
|
164
|
-
}
|
165
|
-
}
|
166
|
-
}
|
167
|
-
|
168
|
-
|
169
|
-
// Navbar toggle
|
170
|
-
//
|
171
|
-
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
|
172
|
-
// JavaScript plugin.
|
173
|
-
|
174
|
-
.navbar-toggle {
|
175
|
-
position: relative;
|
176
|
-
float: right;
|
177
|
-
margin-right: $navbar-padding-horizontal;
|
178
|
-
padding: 9px 10px;
|
179
|
-
@include navbar-vertical-align(34px);
|
180
|
-
background-color: transparent;
|
181
|
-
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
182
|
-
border: 1px solid transparent;
|
183
|
-
border-radius: $border-radius-base;
|
184
|
-
|
185
|
-
// Bars
|
186
|
-
.icon-bar {
|
187
|
-
display: block;
|
188
|
-
width: 22px;
|
189
|
-
height: 2px;
|
190
|
-
border-radius: 1px;
|
191
|
-
}
|
192
|
-
.icon-bar + .icon-bar {
|
193
|
-
margin-top: 4px;
|
194
|
-
}
|
195
|
-
|
196
|
-
@media (min-width: $grid-float-breakpoint) {
|
197
|
-
display: none;
|
198
|
-
}
|
199
|
-
}
|
200
|
-
|
201
|
-
|
202
|
-
// Navbar nav links
|
203
|
-
//
|
204
|
-
// Builds on top of the `.nav` components with it's own modifier class to make
|
205
|
-
// the nav the full height of the horizontal nav (above 768px).
|
206
|
-
|
207
|
-
.navbar-nav {
|
208
|
-
margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
|
209
|
-
|
210
|
-
> li > a {
|
211
|
-
padding-top: 10px;
|
212
|
-
padding-bottom: 10px;
|
213
|
-
line-height: $line-height-computed;
|
214
|
-
}
|
215
|
-
|
216
|
-
@media (max-width: $grid-float-breakpoint-max) {
|
217
|
-
// Dropdowns get custom display when collapsed
|
218
|
-
.open .dropdown-menu {
|
219
|
-
position: static;
|
220
|
-
float: none;
|
221
|
-
width: auto;
|
222
|
-
margin-top: 0;
|
223
|
-
background-color: transparent;
|
224
|
-
border: 0;
|
225
|
-
box-shadow: none;
|
226
|
-
> li > a,
|
227
|
-
.dropdown-header {
|
228
|
-
padding: 5px 15px 5px 25px;
|
229
|
-
}
|
230
|
-
> li > a {
|
231
|
-
line-height: $line-height-computed;
|
232
|
-
&:hover,
|
233
|
-
&:focus {
|
234
|
-
background-image: none;
|
235
|
-
}
|
236
|
-
}
|
237
|
-
}
|
238
|
-
}
|
239
|
-
|
240
|
-
// Uncollapse the nav
|
241
|
-
@media (min-width: $grid-float-breakpoint) {
|
242
|
-
float: left;
|
243
|
-
margin: 0;
|
244
|
-
|
245
|
-
> li {
|
246
|
-
float: left;
|
247
|
-
> a {
|
248
|
-
padding-top: $navbar-padding-vertical;
|
249
|
-
padding-bottom: $navbar-padding-vertical;
|
250
|
-
}
|
251
|
-
}
|
252
|
-
|
253
|
-
&.navbar-right:last-child {
|
254
|
-
margin-right: -$navbar-padding-horizontal;
|
255
|
-
}
|
256
|
-
}
|
257
|
-
}
|
258
|
-
|
259
|
-
|
260
|
-
// Component alignment
|
261
|
-
//
|
262
|
-
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
|
263
|
-
// issues with parents and chaining. Only do this when the navbar is uncollapsed
|
264
|
-
// though so that navbar contents properly stack and align in mobile.
|
265
|
-
|
266
|
-
@media (min-width: $grid-float-breakpoint) {
|
267
|
-
.navbar-left {
|
268
|
-
float: left !important;
|
269
|
-
}
|
270
|
-
.navbar-right {
|
271
|
-
float: right !important;
|
272
|
-
}
|
273
|
-
}
|
274
|
-
|
275
|
-
|
276
|
-
// Navbar form
|
277
|
-
//
|
278
|
-
// Extension of the `.form-inline` with some extra flavor for optimum display in
|
279
|
-
// our navbars.
|
280
|
-
|
281
|
-
.navbar-form {
|
282
|
-
margin-left: -$navbar-padding-horizontal;
|
283
|
-
margin-right: -$navbar-padding-horizontal;
|
284
|
-
padding: 10px $navbar-padding-horizontal;
|
285
|
-
border-top: 1px solid transparent;
|
286
|
-
border-bottom: 1px solid transparent;
|
287
|
-
$shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
288
|
-
@include box-shadow($shadow);
|
289
|
-
|
290
|
-
// Mixin behavior for optimum display
|
291
|
-
@extend .form-inline;
|
292
|
-
|
293
|
-
.form-group {
|
294
|
-
@media (max-width: $grid-float-breakpoint-max) {
|
295
|
-
margin-bottom: 5px;
|
296
|
-
}
|
297
|
-
}
|
298
|
-
|
299
|
-
// Vertically center in expanded, horizontal navbar
|
300
|
-
@include navbar-vertical-align($input-height-base);
|
301
|
-
|
302
|
-
// Undo 100% width for pull classes
|
303
|
-
@media (min-width: $grid-float-breakpoint) {
|
304
|
-
width: auto;
|
305
|
-
border: 0;
|
306
|
-
margin-left: 0;
|
307
|
-
margin-right: 0;
|
308
|
-
padding-top: 0;
|
309
|
-
padding-bottom: 0;
|
310
|
-
@include box-shadow(none);
|
311
|
-
|
312
|
-
// Outdent the form if last child to line up with content down the page
|
313
|
-
&.navbar-right:last-child {
|
314
|
-
margin-right: -$navbar-padding-horizontal;
|
315
|
-
}
|
316
|
-
}
|
317
|
-
}
|
318
|
-
|
319
|
-
|
320
|
-
// Dropdown menus
|
321
|
-
|
322
|
-
// Menu position and menu carets
|
323
|
-
.navbar-nav > li > .dropdown-menu {
|
324
|
-
margin-top: 0;
|
325
|
-
@include border-top-radius(0);
|
326
|
-
}
|
327
|
-
// Menu position and menu caret support for dropups via extra dropup class
|
328
|
-
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
329
|
-
@include border-bottom-radius(0);
|
330
|
-
}
|
331
|
-
|
332
|
-
// Right aligned menus need alt position
|
333
|
-
.navbar-nav.pull-right > li > .dropdown-menu,
|
334
|
-
.navbar-nav > li > .dropdown-menu.pull-right {
|
335
|
-
left: auto;
|
336
|
-
right: 0;
|
337
|
-
}
|
338
|
-
|
339
|
-
|
340
|
-
// Buttons in navbars
|
341
|
-
//
|
342
|
-
// Vertically center a button within a navbar (when *not* in a form).
|
343
|
-
|
344
|
-
.navbar-btn {
|
345
|
-
@include navbar-vertical-align($input-height-base);
|
346
|
-
|
347
|
-
&.btn-sm {
|
348
|
-
@include navbar-vertical-align($input-height-small);
|
349
|
-
}
|
350
|
-
&.btn-xs {
|
351
|
-
@include navbar-vertical-align(22);
|
352
|
-
}
|
353
|
-
}
|
354
|
-
|
355
|
-
|
356
|
-
// Text in navbars
|
357
|
-
//
|
358
|
-
// Add a class to make any element properly align itself vertically within the navbars.
|
359
|
-
|
360
|
-
.navbar-text {
|
361
|
-
@include navbar-vertical-align($line-height-computed);
|
362
|
-
|
363
|
-
@media (min-width: $grid-float-breakpoint) {
|
364
|
-
float: left;
|
365
|
-
margin-left: $navbar-padding-horizontal;
|
366
|
-
margin-right: $navbar-padding-horizontal;
|
367
|
-
|
368
|
-
// Outdent the form if last child to line up with content down the page
|
369
|
-
&.navbar-right:last-child {
|
370
|
-
margin-right: 0;
|
371
|
-
}
|
372
|
-
}
|
373
|
-
}
|
374
|
-
|
375
|
-
// Alternate navbars
|
376
|
-
// --------------------------------------------------
|
377
|
-
|
378
|
-
// Default navbar
|
379
|
-
.navbar-default {
|
380
|
-
background-color: $navbar-default-bg;
|
381
|
-
border-color: $navbar-default-border;
|
382
|
-
|
383
|
-
.navbar-brand {
|
384
|
-
color: $navbar-default-brand-color;
|
385
|
-
&:hover,
|
386
|
-
&:focus {
|
387
|
-
color: $navbar-default-brand-hover-color;
|
388
|
-
background-color: $navbar-default-brand-hover-bg;
|
389
|
-
}
|
390
|
-
}
|
391
|
-
|
392
|
-
.navbar-text {
|
393
|
-
color: $navbar-default-color;
|
394
|
-
}
|
395
|
-
|
396
|
-
.navbar-nav {
|
397
|
-
> li > a {
|
398
|
-
color: $navbar-default-link-color;
|
399
|
-
|
400
|
-
&:hover,
|
401
|
-
&:focus {
|
402
|
-
color: $navbar-default-link-hover-color;
|
403
|
-
background-color: $navbar-default-link-hover-bg;
|
404
|
-
}
|
405
|
-
}
|
406
|
-
> .active > a {
|
407
|
-
&,
|
408
|
-
&:hover,
|
409
|
-
&:focus {
|
410
|
-
color: $navbar-default-link-active-color;
|
411
|
-
background-color: $navbar-default-link-active-bg;
|
412
|
-
}
|
413
|
-
}
|
414
|
-
> .disabled > a {
|
415
|
-
&,
|
416
|
-
&:hover,
|
417
|
-
&:focus {
|
418
|
-
color: $navbar-default-link-disabled-color;
|
419
|
-
background-color: $navbar-default-link-disabled-bg;
|
420
|
-
}
|
421
|
-
}
|
422
|
-
}
|
423
|
-
|
424
|
-
.navbar-toggle {
|
425
|
-
border-color: $navbar-default-toggle-border-color;
|
426
|
-
&:hover,
|
427
|
-
&:focus {
|
428
|
-
background-color: $navbar-default-toggle-hover-bg;
|
429
|
-
}
|
430
|
-
.icon-bar {
|
431
|
-
background-color: $navbar-default-toggle-icon-bar-bg;
|
432
|
-
}
|
433
|
-
}
|
434
|
-
|
435
|
-
.navbar-collapse,
|
436
|
-
.navbar-form {
|
437
|
-
border-color: $navbar-default-border;
|
438
|
-
}
|
439
|
-
|
440
|
-
// Dropdown menu items
|
441
|
-
.navbar-nav {
|
442
|
-
// Remove background color from open dropdown
|
443
|
-
> .open > a {
|
444
|
-
&,
|
445
|
-
&:hover,
|
446
|
-
&:focus {
|
447
|
-
background-color: $navbar-default-link-active-bg;
|
448
|
-
color: $navbar-default-link-active-color;
|
449
|
-
}
|
450
|
-
}
|
451
|
-
|
452
|
-
@media (max-width: $grid-float-breakpoint-max) {
|
453
|
-
// Dropdowns get custom display when collapsed
|
454
|
-
.open .dropdown-menu {
|
455
|
-
> li > a {
|
456
|
-
color: $navbar-default-link-color;
|
457
|
-
&:hover,
|
458
|
-
&:focus {
|
459
|
-
color: $navbar-default-link-hover-color;
|
460
|
-
background-color: $navbar-default-link-hover-bg;
|
461
|
-
}
|
462
|
-
}
|
463
|
-
> .active > a {
|
464
|
-
&,
|
465
|
-
&:hover,
|
466
|
-
&:focus {
|
467
|
-
color: $navbar-default-link-active-color;
|
468
|
-
background-color: $navbar-default-link-active-bg;
|
469
|
-
}
|
470
|
-
}
|
471
|
-
> .disabled > a {
|
472
|
-
&,
|
473
|
-
&:hover,
|
474
|
-
&:focus {
|
475
|
-
color: $navbar-default-link-disabled-color;
|
476
|
-
background-color: $navbar-default-link-disabled-bg;
|
477
|
-
}
|
478
|
-
}
|
479
|
-
}
|
480
|
-
}
|
481
|
-
}
|
482
|
-
|
483
|
-
|
484
|
-
// Links in navbars
|
485
|
-
//
|
486
|
-
// Add a class to ensure links outside the navbar nav are colored correctly.
|
487
|
-
|
488
|
-
.navbar-link {
|
489
|
-
color: $navbar-default-link-color;
|
490
|
-
&:hover {
|
491
|
-
color: $navbar-default-link-hover-color;
|
492
|
-
}
|
493
|
-
}
|
494
|
-
|
495
|
-
}
|
496
|
-
|
497
|
-
// Inverse navbar
|
498
|
-
|
499
|
-
.navbar-inverse {
|
500
|
-
background-color: $navbar-inverse-bg;
|
501
|
-
border-color: $navbar-inverse-border;
|
502
|
-
|
503
|
-
.navbar-brand {
|
504
|
-
color: $navbar-inverse-brand-color;
|
505
|
-
&:hover,
|
506
|
-
&:focus {
|
507
|
-
color: $navbar-inverse-brand-hover-color;
|
508
|
-
background-color: $navbar-inverse-brand-hover-bg;
|
509
|
-
}
|
510
|
-
}
|
511
|
-
|
512
|
-
.navbar-text {
|
513
|
-
color: $navbar-inverse-color;
|
514
|
-
}
|
515
|
-
|
516
|
-
.navbar-nav {
|
517
|
-
> li > a {
|
518
|
-
color: $navbar-inverse-link-color;
|
519
|
-
|
520
|
-
&:hover,
|
521
|
-
&:focus {
|
522
|
-
color: $navbar-inverse-link-hover-color;
|
523
|
-
background-color: $navbar-inverse-link-hover-bg;
|
524
|
-
}
|
525
|
-
}
|
526
|
-
> .active > a {
|
527
|
-
&,
|
528
|
-
&:hover,
|
529
|
-
&:focus {
|
530
|
-
color: $navbar-inverse-link-active-color;
|
531
|
-
background-color: $navbar-inverse-link-active-bg;
|
532
|
-
}
|
533
|
-
}
|
534
|
-
> .disabled > a {
|
535
|
-
&,
|
536
|
-
&:hover,
|
537
|
-
&:focus {
|
538
|
-
color: $navbar-inverse-link-disabled-color;
|
539
|
-
background-color: $navbar-inverse-link-disabled-bg;
|
540
|
-
}
|
541
|
-
}
|
542
|
-
}
|
543
|
-
|
544
|
-
// Darken the responsive nav toggle
|
545
|
-
.navbar-toggle {
|
546
|
-
border-color: $navbar-inverse-toggle-border-color;
|
547
|
-
&:hover,
|
548
|
-
&:focus {
|
549
|
-
background-color: $navbar-inverse-toggle-hover-bg;
|
550
|
-
}
|
551
|
-
.icon-bar {
|
552
|
-
background-color: $navbar-inverse-toggle-icon-bar-bg;
|
553
|
-
}
|
554
|
-
}
|
555
|
-
|
556
|
-
.navbar-collapse,
|
557
|
-
.navbar-form {
|
558
|
-
border-color: darken($navbar-inverse-bg, 7%);
|
559
|
-
}
|
560
|
-
|
561
|
-
// Dropdowns
|
562
|
-
.navbar-nav {
|
563
|
-
> .open > a {
|
564
|
-
&,
|
565
|
-
&:hover,
|
566
|
-
&:focus {
|
567
|
-
background-color: $navbar-inverse-link-active-bg;
|
568
|
-
color: $navbar-inverse-link-active-color;
|
569
|
-
}
|
570
|
-
}
|
571
|
-
|
572
|
-
@media (max-width: $grid-float-breakpoint-max) {
|
573
|
-
// Dropdowns get custom display
|
574
|
-
.open .dropdown-menu {
|
575
|
-
> .dropdown-header {
|
576
|
-
border-color: $navbar-inverse-border;
|
577
|
-
}
|
578
|
-
.divider {
|
579
|
-
background-color: $navbar-inverse-border;
|
580
|
-
}
|
581
|
-
> li > a {
|
582
|
-
color: $navbar-inverse-link-color;
|
583
|
-
&:hover,
|
584
|
-
&:focus {
|
585
|
-
color: $navbar-inverse-link-hover-color;
|
586
|
-
background-color: $navbar-inverse-link-hover-bg;
|
587
|
-
}
|
588
|
-
}
|
589
|
-
> .active > a {
|
590
|
-
&,
|
591
|
-
&:hover,
|
592
|
-
&:focus {
|
593
|
-
color: $navbar-inverse-link-active-color;
|
594
|
-
background-color: $navbar-inverse-link-active-bg;
|
595
|
-
}
|
596
|
-
}
|
597
|
-
> .disabled > a {
|
598
|
-
&,
|
599
|
-
&:hover,
|
600
|
-
&:focus {
|
601
|
-
color: $navbar-inverse-link-disabled-color;
|
602
|
-
background-color: $navbar-inverse-link-disabled-bg;
|
603
|
-
}
|
604
|
-
}
|
605
|
-
}
|
606
|
-
}
|
607
|
-
}
|
608
|
-
|
609
|
-
.navbar-link {
|
610
|
-
color: $navbar-inverse-link-color;
|
611
|
-
&:hover {
|
612
|
-
color: $navbar-inverse-link-hover-color;
|
613
|
-
}
|
614
|
-
}
|
615
|
-
|
616
|
-
}
|
1
|
+
@import "bootstrap/navbar";
|