bootstrap-sass 3.0.2.1 → 3.0.3.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.
- checksums.yaml +4 -4
- data/.travis.yml +1 -1
- data/Gemfile +9 -1
- data/README.md +49 -3
- data/Rakefile +1 -3
- data/lib/bootstrap-sass.rb +54 -43
- data/lib/bootstrap-sass/sass_functions.rb +45 -10
- data/lib/bootstrap-sass/version.rb +2 -2
- data/tasks/converter/less_conversion.rb +18 -12
- data/templates/project/manifest.rb +11 -2
- data/test/dummy/app/views/pages/root.html.slim +19 -3
- data/test/dummy_sass_only/Gemfile +4 -0
- data/test/dummy_sass_only/compile.rb +13 -0
- data/test/dummy_sass_only/import_all.sass +2 -0
- data/test/gemfiles/sass_3_2.gemfile +9 -1
- data/test/gemfiles/sass_head.gemfile +11 -2
- data/test/sass_test.rb +23 -0
- data/test/test_helper.rb +0 -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 +11 -5
- data/vendor/assets/javascripts/bootstrap/carousel.js +5 -5
- data/vendor/assets/javascripts/bootstrap/collapse.js +1 -1
- data/vendor/assets/javascripts/bootstrap/dropdown.js +5 -5
- data/vendor/assets/javascripts/bootstrap/modal.js +1 -1
- data/vendor/assets/javascripts/bootstrap/popover.js +1 -1
- 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 +1 -1
- data/vendor/assets/javascripts/bootstrap/transition.js +1 -1
- data/vendor/assets/stylesheets/bootstrap/_badges.scss +6 -6
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +7 -33
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +2 -5
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +3 -8
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +11 -0
- data/vendor/assets/stylesheets/bootstrap/_glyphicons.scss +5 -5
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +12 -26
- data/vendor/assets/stylesheets/bootstrap/_input-groups.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +8 -2
- data/vendor/assets/stylesheets/bootstrap/_labels.scss +6 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +38 -51
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +2 -5
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +41 -53
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +0 -20
- data/vendor/assets/stylesheets/bootstrap/_panels.scss +11 -1
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +0 -12
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +5 -18
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +9 -3
- data/vendor/assets/stylesheets/bootstrap/_type.scss +54 -52
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +17 -10
- metadata +10 -3
- data/lib/bootstrap-sass/compass_functions.rb +0 -24
@@ -10,11 +10,11 @@
|
|
10
10
|
// Import the fonts
|
11
11
|
@font-face {
|
12
12
|
font-family: 'Glyphicons Halflings';
|
13
|
-
src: font-
|
14
|
-
src: font-
|
15
|
-
font-
|
16
|
-
font-
|
17
|
-
font-
|
13
|
+
src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
|
14
|
+
src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
|
15
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
|
16
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
|
17
|
+
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular'), '#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular')) format('svg');
|
18
18
|
}
|
19
19
|
|
20
20
|
// Catchall baseclass
|
@@ -5,6 +5,16 @@
|
|
5
5
|
// Set the container width, and override it for fixed navbars in media queries
|
6
6
|
.container {
|
7
7
|
@include container-fixed();
|
8
|
+
|
9
|
+
@media (min-width: $screen-sm) {
|
10
|
+
width: $container-sm;
|
11
|
+
}
|
12
|
+
@media (min-width: $screen-md) {
|
13
|
+
width: $container-md;
|
14
|
+
}
|
15
|
+
@media (min-width: $screen-lg-min) {
|
16
|
+
width: $container-lg;
|
17
|
+
}
|
8
18
|
}
|
9
19
|
|
10
20
|
// mobile first defaults
|
@@ -18,11 +28,8 @@
|
|
18
28
|
|
19
29
|
// Extra small grid
|
20
30
|
//
|
21
|
-
//
|
22
|
-
//
|
23
|
-
//
|
24
|
-
// Note that `.col-xs-12` doesn't get floated on purpose--there's no need since
|
25
|
-
// it's full-width.
|
31
|
+
// Columns, offsets, pushes, and pulls for extra small devices like
|
32
|
+
// smartphones.
|
26
33
|
|
27
34
|
@include make-grid-columns-float(xs);
|
28
35
|
@include make-grid($grid-columns, xs, width);
|
@@ -35,15 +42,8 @@
|
|
35
42
|
//
|
36
43
|
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
37
44
|
// to tablets.
|
38
|
-
//
|
39
|
-
// Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
|
40
|
-
// it's full-width.
|
41
45
|
|
42
46
|
@media (min-width: $screen-sm-min) {
|
43
|
-
.container {
|
44
|
-
width: $container-sm;
|
45
|
-
}
|
46
|
-
|
47
47
|
@include make-grid-columns-float(sm);
|
48
48
|
@include make-grid($grid-columns, sm, width);
|
49
49
|
@include make-grid($grid-columns, sm, pull);
|
@@ -55,15 +55,8 @@
|
|
55
55
|
// Medium grid
|
56
56
|
//
|
57
57
|
// Columns, offsets, pushes, and pulls for the desktop device range.
|
58
|
-
//
|
59
|
-
// Note that `.col-md-12` doesn't get floated on purpose--there's no need since
|
60
|
-
// it's full-width.
|
61
58
|
|
62
59
|
@media (min-width: $screen-md-min) {
|
63
|
-
.container {
|
64
|
-
width: $container-md;
|
65
|
-
}
|
66
|
-
|
67
60
|
@include make-grid-columns-float(md);
|
68
61
|
@include make-grid($grid-columns, md, width);
|
69
62
|
@include make-grid($grid-columns, md, pull);
|
@@ -75,15 +68,8 @@
|
|
75
68
|
// Large grid
|
76
69
|
//
|
77
70
|
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
78
|
-
//
|
79
|
-
// Note that `.col-lg-12` doesn't get floated on purpose--there's no need since
|
80
|
-
// it's full-width.
|
81
71
|
|
82
72
|
@media (min-width: $screen-lg-min) {
|
83
|
-
.container {
|
84
|
-
width: $container-lg;
|
85
|
-
}
|
86
|
-
|
87
73
|
@include make-grid-columns-float(lg);
|
88
74
|
@include make-grid($grid-columns, lg, width);
|
89
75
|
@include make-grid($grid-columns, lg, pull);
|
@@ -10,7 +10,7 @@
|
|
10
10
|
border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
|
11
11
|
|
12
12
|
// Undo padding and float of grid classes
|
13
|
-
|
13
|
+
&[class*="col-"] {
|
14
14
|
float: none;
|
15
15
|
padding-left: 0;
|
16
16
|
padding-right: 0;
|
@@ -12,7 +12,8 @@
|
|
12
12
|
color: $jumbotron-color;
|
13
13
|
background-color: $jumbotron-bg;
|
14
14
|
|
15
|
-
h1
|
15
|
+
h1,
|
16
|
+
.h1 {
|
16
17
|
line-height: 1;
|
17
18
|
color: $jumbotron-heading-color;
|
18
19
|
}
|
@@ -24,6 +25,10 @@
|
|
24
25
|
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
|
25
26
|
}
|
26
27
|
|
28
|
+
.container {
|
29
|
+
max-width: 100%;
|
30
|
+
}
|
31
|
+
|
27
32
|
@media screen and (min-width: $screen-sm-min) {
|
28
33
|
padding-top: ($jumbotron-padding * 1.6);
|
29
34
|
padding-bottom: ($jumbotron-padding * 1.6);
|
@@ -33,7 +38,8 @@
|
|
33
38
|
padding-right: ($jumbotron-padding * 2);
|
34
39
|
}
|
35
40
|
|
36
|
-
h1
|
41
|
+
h1,
|
42
|
+
.h1 {
|
37
43
|
font-size: ($font-size-base * 4.5);
|
38
44
|
}
|
39
45
|
}
|
@@ -19,8 +19,8 @@
|
|
19
19
|
@mixin clearfix() {
|
20
20
|
&:before,
|
21
21
|
&:after {
|
22
|
-
content: " ";
|
23
|
-
display: table;
|
22
|
+
content: " "; // 1
|
23
|
+
display: table; // 2
|
24
24
|
}
|
25
25
|
&:after {
|
26
26
|
clear: both;
|
@@ -30,7 +30,7 @@
|
|
30
30
|
// WebKit-style focus
|
31
31
|
@mixin tab-focus() {
|
32
32
|
// Default
|
33
|
-
outline: thin dotted
|
33
|
+
outline: thin dotted;
|
34
34
|
// WebKit
|
35
35
|
outline: 5px auto -webkit-focus-ring-color;
|
36
36
|
outline-offset: -2px;
|
@@ -55,7 +55,8 @@
|
|
55
55
|
// Placeholder text
|
56
56
|
@mixin placeholder($color: $input-color-placeholder) {
|
57
57
|
&:-moz-placeholder { color: $color; } // Firefox 4-18
|
58
|
-
&::-moz-placeholder { color: $color;
|
58
|
+
&::-moz-placeholder { color: $color; // Firefox 19+
|
59
|
+
opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
|
59
60
|
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
60
61
|
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
61
62
|
}
|
@@ -87,11 +88,7 @@
|
|
87
88
|
}
|
88
89
|
// New mixin to use as of v3.0.1
|
89
90
|
@mixin text-hide() {
|
90
|
-
|
91
|
-
color: transparent;
|
92
|
-
text-shadow: none;
|
93
|
-
background-color: transparent;
|
94
|
-
border: 0;
|
91
|
+
@include hide-text();
|
95
92
|
}
|
96
93
|
|
97
94
|
|
@@ -128,7 +125,7 @@
|
|
128
125
|
-webkit-transition: $transition;
|
129
126
|
transition: $transition;
|
130
127
|
}
|
131
|
-
@mixin transition-property($transition-property) {
|
128
|
+
@mixin transition-property($transition-property...) {
|
132
129
|
-webkit-transition-property: $transition-property;
|
133
130
|
transition-property: $transition-property;
|
134
131
|
}
|
@@ -136,7 +133,7 @@
|
|
136
133
|
-webkit-transition-delay: $transition-delay;
|
137
134
|
transition-delay: $transition-delay;
|
138
135
|
}
|
139
|
-
@mixin transition-duration($transition-duration) {
|
136
|
+
@mixin transition-duration($transition-duration...) {
|
140
137
|
-webkit-transition-duration: $transition-duration;
|
141
138
|
transition-duration: $transition-duration;
|
142
139
|
}
|
@@ -277,10 +274,8 @@
|
|
277
274
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
278
275
|
// Color stops are not available in IE9 and below.
|
279
276
|
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
280
|
-
background-image: -webkit-gradient(
|
281
|
-
background-image:
|
282
|
-
background-image: -moz-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // FF 3.6+
|
283
|
-
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10
|
277
|
+
background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent)); // Safari 5.1-6, Chrome 10+
|
278
|
+
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
284
279
|
background-repeat: repeat-x;
|
285
280
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
|
286
281
|
}
|
@@ -290,47 +285,36 @@
|
|
290
285
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
291
286
|
// Color stops are not available in IE9 and below.
|
292
287
|
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
293
|
-
background-image: -webkit-gradient(
|
294
|
-
background-image:
|
295
|
-
background-image: -moz-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // FF 3.6+
|
296
|
-
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10
|
288
|
+
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
289
|
+
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
297
290
|
background-repeat: repeat-x;
|
298
291
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
|
299
292
|
}
|
300
293
|
|
301
294
|
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
|
302
295
|
background-repeat: repeat-x;
|
303
|
-
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1
|
304
|
-
background-image:
|
305
|
-
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10
|
296
|
+
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
|
297
|
+
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
306
298
|
}
|
307
299
|
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
308
|
-
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from($start-color), color-stop($color-stop, $mid-color), to($end-color));
|
309
300
|
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
310
|
-
background-image: -moz-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
311
301
|
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
312
302
|
background-repeat: no-repeat;
|
313
303
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
|
314
304
|
}
|
315
305
|
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
316
|
-
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($start-color), color-stop($color-stop, $mid-color), to($end-color));
|
317
306
|
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
318
|
-
background-image: -moz-linear-gradient(top, $start-color, $mid-color $color-stop, $end-color);
|
319
307
|
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
320
308
|
background-repeat: no-repeat;
|
321
309
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
322
310
|
}
|
323
311
|
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
|
324
|
-
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($inner-color), to($outer-color));
|
325
312
|
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
326
|
-
background-image: -moz-radial-gradient(circle, $inner-color, $outer-color);
|
327
313
|
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
328
314
|
background-repeat: no-repeat;
|
329
315
|
}
|
330
316
|
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
|
331
|
-
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, $color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, $color), color-stop(.75, $color), color-stop(.75, transparent), to(transparent));
|
332
317
|
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
333
|
-
background-image: -moz-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
334
318
|
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
335
319
|
}
|
336
320
|
|
@@ -349,7 +333,7 @@
|
|
349
333
|
// Short retina mixin for setting background-image and -size
|
350
334
|
|
351
335
|
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
352
|
-
background-image: image-
|
336
|
+
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
|
353
337
|
|
354
338
|
@media
|
355
339
|
only screen and (-webkit-min-device-pixel-ratio: 2),
|
@@ -358,7 +342,7 @@
|
|
358
342
|
only screen and ( min-device-pixel-ratio: 2),
|
359
343
|
only screen and ( min-resolution: 192dpi),
|
360
344
|
only screen and ( min-resolution: 2dppx) {
|
361
|
-
background-image: image-
|
345
|
+
background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
|
362
346
|
background-size: $width-1x $height-1x;
|
363
347
|
}
|
364
348
|
}
|
@@ -401,9 +385,6 @@
|
|
401
385
|
+ .panel-collapse .panel-body {
|
402
386
|
border-top-color: $border;
|
403
387
|
}
|
404
|
-
& > .dropdown .caret {
|
405
|
-
border-color: $heading-text-color transparent;
|
406
|
-
}
|
407
388
|
}
|
408
389
|
& > .panel-footer {
|
409
390
|
+ .panel-collapse .panel-body {
|
@@ -429,27 +410,27 @@
|
|
429
410
|
|
430
411
|
// Tables
|
431
412
|
// -------------------------
|
432
|
-
@mixin table-row-variant($state, $background
|
413
|
+
@mixin table-row-variant($state, $background) {
|
433
414
|
// Exact selectors below required to override `.table-striped` and prevent
|
434
415
|
// inheritance to nested tables.
|
435
|
-
.table
|
436
|
-
|
437
|
-
|
438
|
-
>
|
439
|
-
|
440
|
-
|
441
|
-
|
442
|
-
|
416
|
+
.table {
|
417
|
+
> thead,
|
418
|
+
> tbody,
|
419
|
+
> tfoot {
|
420
|
+
> tr > .#{$state},
|
421
|
+
> .#{$state} > td,
|
422
|
+
> .#{$state} > th {
|
423
|
+
background-color: $background;
|
424
|
+
}
|
443
425
|
}
|
444
426
|
}
|
445
427
|
|
446
428
|
// Hover states for `.table-hover`
|
447
429
|
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
448
|
-
.table-hover > tbody
|
449
|
-
>
|
450
|
-
>
|
451
|
-
|
452
|
-
&.#{$state}:hover > th {
|
430
|
+
.table-hover > tbody {
|
431
|
+
> tr > .#{$state}:hover,
|
432
|
+
> .#{$state}:hover > td,
|
433
|
+
> .#{$state}:hover > th {
|
453
434
|
background-color: darken($background, 5%);
|
454
435
|
}
|
455
436
|
}
|
@@ -496,6 +477,11 @@
|
|
496
477
|
border-color: $border;
|
497
478
|
}
|
498
479
|
}
|
480
|
+
|
481
|
+
.badge {
|
482
|
+
color: $background;
|
483
|
+
background-color: #fff;
|
484
|
+
}
|
499
485
|
}
|
500
486
|
|
501
487
|
// Button sizes
|
@@ -567,9 +553,10 @@
|
|
567
553
|
// [converter] $parent hack
|
568
554
|
@mixin responsive-visibility($parent) {
|
569
555
|
#{$parent} { display: block !important; }
|
570
|
-
|
556
|
+
table#{$parent} { display: table; }
|
557
|
+
tr#{$parent} { display: table-row !important; }
|
571
558
|
th#{$parent},
|
572
|
-
td#{$parent}
|
559
|
+
td#{$parent} { display: table-cell !important; }
|
573
560
|
}
|
574
561
|
|
575
562
|
// [converter] $parent hack
|
@@ -35,10 +35,8 @@
|
|
35
35
|
// Shell div to position the modal with bottom padding
|
36
36
|
.modal-dialog {
|
37
37
|
position: relative;
|
38
|
-
margin-left: auto;
|
39
|
-
margin-right: auto;
|
40
38
|
width: auto;
|
41
|
-
|
39
|
+
margin: 10px;
|
42
40
|
z-index: ($zindex-modal-background + 10);
|
43
41
|
}
|
44
42
|
|
@@ -122,8 +120,7 @@
|
|
122
120
|
|
123
121
|
.modal-dialog {
|
124
122
|
width: 600px;
|
125
|
-
|
126
|
-
padding-bottom: 30px;
|
123
|
+
margin: 30px auto;
|
127
124
|
}
|
128
125
|
.modal-content {
|
129
126
|
@include box-shadow(0 5px 15px rgba(0,0,0,.5));
|
@@ -74,18 +74,16 @@
|
|
74
74
|
}
|
75
75
|
|
76
76
|
&.in {
|
77
|
-
overflow-y:
|
77
|
+
overflow-y: visible;
|
78
78
|
}
|
79
79
|
|
80
|
-
//
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
.navbar-
|
85
|
-
|
86
|
-
|
87
|
-
.navbar-text:last-child {
|
88
|
-
margin-right: 0;
|
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;
|
89
87
|
}
|
90
88
|
}
|
91
89
|
}
|
@@ -180,6 +178,7 @@
|
|
180
178
|
padding: 9px 10px;
|
181
179
|
@include navbar-vertical-align(34px);
|
182
180
|
background-color: transparent;
|
181
|
+
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
183
182
|
border: 1px solid transparent;
|
184
183
|
border-radius: $border-radius-base;
|
185
184
|
|
@@ -214,7 +213,7 @@
|
|
214
213
|
line-height: $line-height-computed;
|
215
214
|
}
|
216
215
|
|
217
|
-
@media (max-width: $
|
216
|
+
@media (max-width: $grid-float-breakpoint-max) {
|
218
217
|
// Dropdowns get custom display when collapsed
|
219
218
|
.open .dropdown-menu {
|
220
219
|
position: static;
|
@@ -246,12 +245,15 @@
|
|
246
245
|
> li {
|
247
246
|
float: left;
|
248
247
|
> a {
|
249
|
-
padding-top:
|
250
|
-
padding-bottom:
|
248
|
+
padding-top: $navbar-padding-vertical;
|
249
|
+
padding-bottom: $navbar-padding-vertical;
|
251
250
|
}
|
252
251
|
}
|
253
|
-
}
|
254
252
|
|
253
|
+
&.navbar-right:last-child {
|
254
|
+
margin-right: -$navbar-padding-horizontal;
|
255
|
+
}
|
256
|
+
}
|
255
257
|
}
|
256
258
|
|
257
259
|
|
@@ -289,7 +291,7 @@
|
|
289
291
|
@extend .form-inline;
|
290
292
|
|
291
293
|
.form-group {
|
292
|
-
@media (max-width: $
|
294
|
+
@media (max-width: $grid-float-breakpoint-max) {
|
293
295
|
margin-bottom: 5px;
|
294
296
|
}
|
295
297
|
}
|
@@ -306,6 +308,11 @@
|
|
306
308
|
padding-top: 0;
|
307
309
|
padding-bottom: 0;
|
308
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
|
+
}
|
309
316
|
}
|
310
317
|
}
|
311
318
|
|
@@ -336,6 +343,13 @@
|
|
336
343
|
|
337
344
|
.navbar-btn {
|
338
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
|
+
}
|
339
353
|
}
|
340
354
|
|
341
355
|
|
@@ -344,12 +358,17 @@
|
|
344
358
|
// Add a class to make any element properly align itself vertically within the navbars.
|
345
359
|
|
346
360
|
.navbar-text {
|
347
|
-
float: left;
|
348
361
|
@include navbar-vertical-align($line-height-computed);
|
349
362
|
|
350
363
|
@media (min-width: $grid-float-breakpoint) {
|
364
|
+
float: left;
|
351
365
|
margin-left: $navbar-padding-horizontal;
|
352
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
|
+
}
|
353
372
|
}
|
354
373
|
}
|
355
374
|
|
@@ -418,15 +437,8 @@
|
|
418
437
|
border-color: $navbar-default-border;
|
419
438
|
}
|
420
439
|
|
421
|
-
// Dropdown menu items
|
440
|
+
// Dropdown menu items
|
422
441
|
.navbar-nav {
|
423
|
-
// Caret should match text color on hover
|
424
|
-
> .dropdown > a:hover .caret,
|
425
|
-
> .dropdown > a:focus .caret {
|
426
|
-
border-top-color: $navbar-default-link-hover-color;
|
427
|
-
border-bottom-color: $navbar-default-link-hover-color;
|
428
|
-
}
|
429
|
-
|
430
442
|
// Remove background color from open dropdown
|
431
443
|
> .open > a {
|
432
444
|
&,
|
@@ -434,19 +446,10 @@
|
|
434
446
|
&:focus {
|
435
447
|
background-color: $navbar-default-link-active-bg;
|
436
448
|
color: $navbar-default-link-active-color;
|
437
|
-
.caret {
|
438
|
-
border-top-color: $navbar-default-link-active-color;
|
439
|
-
border-bottom-color: $navbar-default-link-active-color;
|
440
|
-
}
|
441
449
|
}
|
442
450
|
}
|
443
|
-
> .dropdown > a .caret {
|
444
|
-
border-top-color: $navbar-default-link-color;
|
445
|
-
border-bottom-color: $navbar-default-link-color;
|
446
|
-
}
|
447
|
-
|
448
451
|
|
449
|
-
@media (max-width: $
|
452
|
+
@media (max-width: $grid-float-breakpoint-max) {
|
450
453
|
// Dropdowns get custom display when collapsed
|
451
454
|
.open .dropdown-menu {
|
452
455
|
> li > a {
|
@@ -565,31 +568,16 @@
|
|
565
568
|
color: $navbar-inverse-link-active-color;
|
566
569
|
}
|
567
570
|
}
|
568
|
-
> .dropdown > a:hover .caret {
|
569
|
-
border-top-color: $navbar-inverse-link-hover-color;
|
570
|
-
border-bottom-color: $navbar-inverse-link-hover-color;
|
571
|
-
}
|
572
|
-
> .dropdown > a .caret {
|
573
|
-
border-top-color: $navbar-inverse-link-color;
|
574
|
-
border-bottom-color: $navbar-inverse-link-color;
|
575
|
-
}
|
576
|
-
> .open > a {
|
577
|
-
&,
|
578
|
-
&:hover,
|
579
|
-
&:focus {
|
580
|
-
.caret {
|
581
|
-
border-top-color: $navbar-inverse-link-active-color;
|
582
|
-
border-bottom-color: $navbar-inverse-link-active-color;
|
583
|
-
}
|
584
|
-
}
|
585
|
-
}
|
586
571
|
|
587
|
-
@media (max-width: $
|
572
|
+
@media (max-width: $grid-float-breakpoint-max) {
|
588
573
|
// Dropdowns get custom display
|
589
574
|
.open .dropdown-menu {
|
590
575
|
> .dropdown-header {
|
591
576
|
border-color: $navbar-inverse-border;
|
592
577
|
}
|
578
|
+
.divider {
|
579
|
+
background-color: $navbar-inverse-border;
|
580
|
+
}
|
593
581
|
> li > a {
|
594
582
|
color: $navbar-inverse-link-color;
|
595
583
|
&:hover,
|