bootstrap-sass 3.0.2.1 → 3.0.3.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.
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,
|