bootstrap-sass 2.1.0.1 → 2.1.1.0
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +3 -3
- 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 +2 -2
- data/vendor/assets/javascripts/bootstrap-carousel.js +1 -1
- data/vendor/assets/javascripts/bootstrap-collapse.js +1 -1
- data/vendor/assets/javascripts/bootstrap-dropdown.js +2 -2
- 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 +1 -1
- 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/javascripts/bootstrap-typeahead.js +2 -2
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +1 -1
- data/vendor/assets/stylesheets/_bootstrap.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +22 -2
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +0 -1
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +33 -18
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +21 -8
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +5 -4
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +22 -16
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +6 -3
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +19 -19
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +5 -3
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +28 -21
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +13 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +6 -5
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +9 -3
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +25 -5
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_type.scss +18 -3
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +8 -6
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +1 -1
- metadata +2 -2
data/README.md
CHANGED
@@ -13,7 +13,7 @@ Enjoy.
|
|
13
13
|
In your Gemfile:
|
14
14
|
|
15
15
|
gem 'sass-rails', '~> 3.1'
|
16
|
-
gem 'bootstrap-sass', '~> 2.1.0
|
16
|
+
gem 'bootstrap-sass', '~> 2.1.1.0'
|
17
17
|
|
18
18
|
#### CSS
|
19
19
|
|
@@ -69,7 +69,7 @@ Install the gem, add the require statement to the top of your configuration file
|
|
69
69
|
You'll get the same benefits as those starting from scratch. Radical.
|
70
70
|
|
71
71
|
## Configuration
|
72
|
-
Need to configure a variable or two? Simply define the value of the variable you want to change *before* importing Bootstrap. Sass will respect your existing definition rather than overwriting it with the Bootstrap defaults. A list of customisable variables can be found in the [Bootstrap documentation](http://twitter.github.com/bootstrap/
|
72
|
+
Need to configure a variable or two? Simply define the value of the variable you want to change *before* importing Bootstrap. Sass will respect your existing definition rather than overwriting it with the Bootstrap defaults. A list of customisable variables can be found in the [Bootstrap documentation](http://twitter.github.com/bootstrap/customize.html#variables).
|
73
73
|
|
74
74
|
$btnPrimaryBackground: #f00;
|
75
75
|
@import "bootstrap";
|
@@ -92,7 +92,7 @@ Bootstrap [claims](https://github.com/twitter/bootstrap#versioning) to use SemVe
|
|
92
92
|
|
93
93
|
### Bundler?
|
94
94
|
|
95
|
-
gem 'bootstrap-sass', '~> 2.1.0
|
95
|
+
gem 'bootstrap-sass', '~> 2.1.1.0'
|
96
96
|
|
97
97
|
Don't use the standard `~> 2.1.x`. Your apps may break.
|
98
98
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-affix.js v2.1.
|
2
|
+
* bootstrap-affix.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#affix
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-alert.js v2.1.
|
2
|
+
* bootstrap-alert.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#alerts
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-button.js v2.1.
|
2
|
+
* bootstrap-button.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -51,7 +51,7 @@
|
|
51
51
|
}
|
52
52
|
|
53
53
|
Button.prototype.toggle = function () {
|
54
|
-
var $parent = this.$element.
|
54
|
+
var $parent = this.$element.closest('[data-toggle="buttons-radio"]')
|
55
55
|
|
56
56
|
$parent && $parent
|
57
57
|
.find('.active')
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-carousel.js v2.1.
|
2
|
+
* bootstrap-carousel.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#carousel
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-collapse.js v2.1.
|
2
|
+
* bootstrap-collapse.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#collapse
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-dropdown.js v2.1.
|
2
|
+
* bootstrap-dropdown.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -110,7 +110,7 @@
|
|
110
110
|
|
111
111
|
if (!selector) {
|
112
112
|
selector = $this.attr('href')
|
113
|
-
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
113
|
+
selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
114
114
|
}
|
115
115
|
|
116
116
|
$parent = $(selector)
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =========================================================
|
2
|
-
* bootstrap-modal.js v2.1.
|
2
|
+
* bootstrap-modal.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#modals
|
4
4
|
* =========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-popover.js v2.1.
|
2
|
+
* bootstrap-popover.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
4
4
|
* ===========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-scrollspy.js v2.1.
|
2
|
+
* bootstrap-scrollspy.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#scrollspy
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ========================================================
|
2
|
-
* bootstrap-tab.js v2.1.
|
2
|
+
* bootstrap-tab.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
4
4
|
* ========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-tooltip.js v2.1.
|
2
|
+
* bootstrap-tooltip.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
4
4
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
5
5
|
* ===========================================================
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===================================================
|
2
|
-
* bootstrap-transition.js v2.1.
|
2
|
+
* bootstrap-transition.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
4
|
* ===================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-typeahead.js v2.1.
|
2
|
+
* bootstrap-typeahead.js v2.1.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -174,7 +174,7 @@
|
|
174
174
|
.on('keypress', $.proxy(this.keypress, this))
|
175
175
|
.on('keyup', $.proxy(this.keyup, this))
|
176
176
|
|
177
|
-
if ($.browser.webkit || $.browser.msie) {
|
177
|
+
if ($.browser.chrome || $.browser.webkit || $.browser.msie) {
|
178
178
|
this.$element.on('keydown', $.proxy(this.keydown, this))
|
179
179
|
}
|
180
180
|
|
@@ -7,6 +7,7 @@
|
|
7
7
|
.btn-group {
|
8
8
|
position: relative;
|
9
9
|
font-size: 0; // remove as part 1 of font-size inline-block hack
|
10
|
+
vertical-align: middle; // match .btn alignment given font-size hack above
|
10
11
|
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
|
11
12
|
@include ie7-restore-left-whitespace();
|
12
13
|
}
|
@@ -96,10 +96,13 @@
|
|
96
96
|
.btn-mini {
|
97
97
|
padding: 2px 6px;
|
98
98
|
font-size: $baseFontSize - 3px;
|
99
|
-
line-height: $baseLineHeight -
|
99
|
+
line-height: $baseLineHeight - 3px;
|
100
100
|
}
|
101
101
|
|
102
|
+
|
102
103
|
// Block button
|
104
|
+
// -------------------------
|
105
|
+
|
103
106
|
.btn-block {
|
104
107
|
display: block;
|
105
108
|
width: 100%;
|
@@ -107,10 +110,22 @@
|
|
107
110
|
padding-right: 0;
|
108
111
|
@include box-sizing(border-box);
|
109
112
|
}
|
113
|
+
|
114
|
+
// Vertically space out multiple block buttons
|
110
115
|
.btn-block + .btn-block {
|
111
116
|
margin-top: 5px;
|
112
117
|
}
|
113
118
|
|
119
|
+
// Specificity overrides
|
120
|
+
input[type="submit"],
|
121
|
+
input[type="reset"],
|
122
|
+
input[type="button"] {
|
123
|
+
&.btn-block {
|
124
|
+
width: 100%;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
|
114
129
|
|
115
130
|
// Alternate buttons
|
116
131
|
// --------------------------------------------------
|
@@ -193,7 +208,8 @@ input[type="submit"].btn {
|
|
193
208
|
|
194
209
|
// Make a button look and behave like a link
|
195
210
|
.btn-link,
|
196
|
-
.btn-link:active
|
211
|
+
.btn-link:active,
|
212
|
+
.btn-link[disabled] {
|
197
213
|
background-color: transparent;
|
198
214
|
background-image: none;
|
199
215
|
@include box-shadow(none);
|
@@ -209,3 +225,7 @@ input[type="submit"].btn {
|
|
209
225
|
text-decoration: underline;
|
210
226
|
background-color: transparent;
|
211
227
|
}
|
228
|
+
.btn-link[disabled]:hover {
|
229
|
+
color: $grayDark;
|
230
|
+
text-decoration: none;
|
231
|
+
}
|
@@ -55,7 +55,7 @@
|
|
55
55
|
*border-right-width: 2px;
|
56
56
|
*border-bottom-width: 2px;
|
57
57
|
@include border-radius(6px);
|
58
|
-
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
58
|
+
@include box-shadow(#{0 5px 10px rgba(0,0,0,.2)});
|
59
59
|
-webkit-background-clip: padding-box;
|
60
60
|
-moz-background-clip: padding;
|
61
61
|
background-clip: padding-box;
|
@@ -148,7 +148,7 @@
|
|
148
148
|
.caret {
|
149
149
|
border-top: 0;
|
150
150
|
border-bottom: 4px solid $black;
|
151
|
-
content: "
|
151
|
+
content: "";
|
152
152
|
}
|
153
153
|
// Different positioning for bottom up menu
|
154
154
|
.dropdown-menu {
|
@@ -207,4 +207,4 @@
|
|
207
207
|
.typeahead {
|
208
208
|
margin-top: 2px; // give it some space to breathe
|
209
209
|
@include border-radius(4px);
|
210
|
-
}
|
210
|
+
}
|
@@ -91,8 +91,9 @@ input[type="color"],
|
|
91
91
|
// Reset appearance properties for textual inputs and textarea
|
92
92
|
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
|
93
93
|
input,
|
94
|
-
textarea
|
95
|
-
|
94
|
+
textarea,
|
95
|
+
.uneditable-input {
|
96
|
+
width: 206px; // plus 12px padding and 2px border
|
96
97
|
}
|
97
98
|
// Reset height since textareas have rows
|
98
99
|
textarea {
|
@@ -117,7 +118,7 @@ input[type="color"],
|
|
117
118
|
.uneditable-input {
|
118
119
|
background-color: $inputBackground;
|
119
120
|
border: 1px solid $inputBorder;
|
120
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
121
|
+
@include box-shadow(#{inset 0 1px 1px rgba(0,0,0,.075)});
|
121
122
|
@include transition(#{border linear .2s, box-shadow linear .2s});
|
122
123
|
|
123
124
|
// Focus state
|
@@ -161,7 +162,7 @@ input[type="file"] {
|
|
161
162
|
// Make select elements obey height by applying a border
|
162
163
|
select {
|
163
164
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
164
|
-
border: 1px solid
|
165
|
+
border: 1px solid $inputBorder;
|
165
166
|
background-color: $inputBackground; // Chrome on Linux and Mobile Safari need background-color
|
166
167
|
}
|
167
168
|
|
@@ -189,7 +190,7 @@ input[type="checkbox"]:focus {
|
|
189
190
|
color: $grayLight;
|
190
191
|
background-color: darken($inputBackground, 1%);
|
191
192
|
border-color: $inputBorder;
|
192
|
-
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
193
|
+
@include box-shadow(#{inset 0 1px 2px rgba(0,0,0,.025)});
|
193
194
|
cursor: not-allowed;
|
194
195
|
}
|
195
196
|
|
@@ -209,7 +210,7 @@ input[type="checkbox"]:focus {
|
|
209
210
|
// Placeholder
|
210
211
|
// -------------------------
|
211
212
|
|
212
|
-
// Placeholder text gets special styles
|
213
|
+
// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector
|
213
214
|
input,
|
214
215
|
textarea {
|
215
216
|
@include placeholder();
|
@@ -349,6 +350,10 @@ input[type="checkbox"][readonly] {
|
|
349
350
|
.control-group.success {
|
350
351
|
@include formFieldState($successText, $successText, $successBackground);
|
351
352
|
}
|
353
|
+
// Success
|
354
|
+
.control-group.info {
|
355
|
+
@include formFieldState($infoText, $infoText, $infoBackground);
|
356
|
+
}
|
352
357
|
|
353
358
|
// HTML5 invalid states
|
354
359
|
// Shares styles with the .control-group.error above
|
@@ -359,7 +364,7 @@ select:focus:required:invalid {
|
|
359
364
|
border-color: #ee5f5b;
|
360
365
|
&:focus {
|
361
366
|
border-color: darken(#ee5f5b, 10%);
|
362
|
-
@include box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
367
|
+
@include box-shadow(#{0 0 6px lighten(#ee5f5b, 20%)});
|
363
368
|
}
|
364
369
|
}
|
365
370
|
|
@@ -441,7 +446,6 @@ select:focus:required:invalid {
|
|
441
446
|
}
|
442
447
|
.add-on,
|
443
448
|
.btn {
|
444
|
-
margin-left: -1px;
|
445
449
|
vertical-align: top;
|
446
450
|
@include border-radius(0);
|
447
451
|
}
|
@@ -466,6 +470,10 @@ select:focus:required:invalid {
|
|
466
470
|
.uneditable-input {
|
467
471
|
@include border-radius($inputBorderRadius 0 0 $inputBorderRadius);
|
468
472
|
}
|
473
|
+
.add-on,
|
474
|
+
.btn {
|
475
|
+
margin-left: -1px;
|
476
|
+
}
|
469
477
|
.add-on:last-child,
|
470
478
|
.btn:last-child {
|
471
479
|
@include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
|
@@ -510,16 +518,16 @@ input.search-query {
|
|
510
518
|
@include border-radius(0); // Override due to specificity
|
511
519
|
}
|
512
520
|
.form-search .input-append .search-query {
|
513
|
-
@include border-radius(14px 0 0 14px)
|
521
|
+
@include border-radius(14px 0 0 14px);
|
514
522
|
}
|
515
523
|
.form-search .input-append .btn {
|
516
|
-
@include border-radius(0 14px 14px 0)
|
524
|
+
@include border-radius(0 14px 14px 0);
|
517
525
|
}
|
518
526
|
.form-search .input-prepend .search-query {
|
519
|
-
@include border-radius(0 14px 14px 0)
|
527
|
+
@include border-radius(0 14px 14px 0);
|
520
528
|
}
|
521
529
|
.form-search .input-prepend .btn {
|
522
|
-
@include border-radius(14px 0 0 14px)
|
530
|
+
@include border-radius(14px 0 0 14px);
|
523
531
|
}
|
524
532
|
|
525
533
|
|
@@ -607,7 +615,7 @@ legend + .control-group {
|
|
607
615
|
// Float the labels left
|
608
616
|
.control-label {
|
609
617
|
float: left;
|
610
|
-
width:
|
618
|
+
width: $horizontalComponentOffset - 20;
|
611
619
|
padding-top: 5px;
|
612
620
|
text-align: right;
|
613
621
|
}
|
@@ -617,19 +625,26 @@ legend + .control-group {
|
|
617
625
|
// don't inherit the margin of the parent, in this case .controls
|
618
626
|
*display: inline-block;
|
619
627
|
*padding-left: 20px;
|
620
|
-
margin-left:
|
628
|
+
margin-left: $horizontalComponentOffset;
|
621
629
|
*margin-left: 0;
|
622
630
|
&:first-child {
|
623
|
-
*padding-left:
|
631
|
+
*padding-left: $horizontalComponentOffset;
|
624
632
|
}
|
625
633
|
}
|
626
634
|
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
627
635
|
.help-block {
|
628
|
-
margin-top: $baseLineHeight / 2;
|
629
636
|
margin-bottom: 0;
|
630
637
|
}
|
638
|
+
// And apply it only to .help-block instances that follow a form control
|
639
|
+
input,
|
640
|
+
select,
|
641
|
+
textarea {
|
642
|
+
+ .help-block {
|
643
|
+
margin-top: $baseLineHeight / 2;
|
644
|
+
}
|
645
|
+
}
|
631
646
|
// Move over buttons in .form-actions to align with .controls
|
632
647
|
.form-actions {
|
633
|
-
padding-left:
|
648
|
+
padding-left: $horizontalComponentOffset;
|
634
649
|
}
|
635
|
-
}
|
650
|
+
}
|
@@ -147,6 +147,7 @@
|
|
147
147
|
// --------------------------------------------------
|
148
148
|
|
149
149
|
// Block level inputs
|
150
|
+
// This is also a class, defined at the bottom of the file
|
150
151
|
@mixin input-block-level() {
|
151
152
|
display: block;
|
152
153
|
width: 100%;
|
@@ -171,14 +172,15 @@
|
|
171
172
|
select,
|
172
173
|
textarea {
|
173
174
|
color: $textColor;
|
175
|
+
}
|
176
|
+
input,
|
177
|
+
select,
|
178
|
+
textarea {
|
174
179
|
border-color: $borderColor;
|
175
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
180
|
+
@include box-shadow(#{inset 0 1px 1px rgba(0,0,0,.075)}); // Redeclare so transitions work
|
176
181
|
&:focus {
|
177
182
|
border-color: darken($borderColor, 10%);
|
178
|
-
|
179
|
-
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%);
|
180
|
-
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%);
|
181
|
-
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%);
|
183
|
+
@include box-shadow(#{inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%)});
|
182
184
|
}
|
183
185
|
}
|
184
186
|
// Give a small background color for input-prepend/-append
|
@@ -256,6 +258,12 @@
|
|
256
258
|
-o-transition: $transition;
|
257
259
|
transition: $transition;
|
258
260
|
}
|
261
|
+
@mixin transition-delay($transition-delay) {
|
262
|
+
-webkit-transition-delay: $transition-delay;
|
263
|
+
-moz-transition-delay: $transition-delay;
|
264
|
+
-o-transition-delay: $transition-delay;
|
265
|
+
transition-delay: $transition-delay;
|
266
|
+
}
|
259
267
|
|
260
268
|
// Transformations
|
261
269
|
@mixin rotate($degrees) {
|
@@ -282,7 +290,7 @@
|
|
282
290
|
@mixin skew($x, $y) {
|
283
291
|
-webkit-transform: skew($x, $y);
|
284
292
|
-moz-transform: skew($x, $y);
|
285
|
-
-ms-transform:
|
293
|
+
-ms-transform: skewX($x) skewY($y); // See https://github.com/twitter/bootstrap/issues/4885
|
286
294
|
-o-transform: skew($x, $y);
|
287
295
|
transform: skew($x, $y);
|
288
296
|
}
|
@@ -425,7 +433,7 @@
|
|
425
433
|
background-color: mix($midColor, $endColor, 80%);
|
426
434
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
|
427
435
|
background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
428
|
-
background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop
|
436
|
+
background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor);
|
429
437
|
background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
430
438
|
background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
|
431
439
|
background-repeat: no-repeat;
|
@@ -439,7 +447,7 @@
|
|
439
447
|
background-image: -o-radial-gradient(circle, $innerColor, $outerColor);
|
440
448
|
background-repeat: no-repeat;
|
441
449
|
}
|
442
|
-
@mixin gradient-striped($color, $angle: 45deg) {
|
450
|
+
@mixin gradient-striped($color: #555, $angle: 45deg) {
|
443
451
|
background-color: $color;
|
444
452
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
445
453
|
background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
@@ -545,6 +553,7 @@
|
|
545
553
|
|
546
554
|
[class*="span"] {
|
547
555
|
float: left;
|
556
|
+
min-height: 1px; // prevent collapsing columns
|
548
557
|
margin-left: $gridGutterWidth;
|
549
558
|
}
|
550
559
|
|
@@ -631,4 +640,8 @@
|
|
631
640
|
|
632
641
|
@mixin grid-input-span($columns, $columnWidth, $gutterWidth) {
|
633
642
|
width: (($columnWidth) * $columns) + ($gutterWidth * ($columns - 1)) - 14;
|
643
|
+
}
|
644
|
+
|
645
|
+
.input-block-level {
|
646
|
+
@include input-block-level;
|
634
647
|
}
|
@@ -3,8 +3,9 @@
|
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
|
-
// Recalculate z-index where appropriate
|
7
|
-
|
6
|
+
// Recalculate z-index where appropriate,
|
7
|
+
// but only apply to elements within modal
|
8
|
+
.modal-open modal {
|
8
9
|
.dropdown-menu { z-index: $zindexDropdown + $zindexModal; }
|
9
10
|
.dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
|
10
11
|
.popover { z-index: $zindexPopover + $zindexModal; }
|
@@ -43,7 +44,7 @@
|
|
43
44
|
border: 1px solid rgba(0,0,0,.3);
|
44
45
|
*border: 1px solid #999; /* IE6-7 */
|
45
46
|
@include border-radius(6px);
|
46
|
-
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
47
|
+
@include box-shadow(#{0 3px 7px rgba(0,0,0,0.3)});
|
47
48
|
@include background-clip(padding-box);
|
48
49
|
&.fade {
|
49
50
|
@include transition(#{opacity .3s linear, top .3s ease-out});
|
@@ -82,7 +83,7 @@
|
|
82
83
|
background-color: #f5f5f5;
|
83
84
|
border-top: 1px solid #ddd;
|
84
85
|
@include border-radius(0 0 6px 6px);
|
85
|
-
@include box-shadow(inset 0 1px 0 $white);
|
86
|
+
@include box-shadow(#{inset 0 1px 0 $white});
|
86
87
|
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
87
88
|
|
88
89
|
// Properly space out buttons
|
@@ -26,7 +26,10 @@
|
|
26
26
|
@include gradient-vertical($navbarBackgroundHighlight, $navbarBackground);
|
27
27
|
border: 1px solid $navbarBorder;
|
28
28
|
@include border-radius(4px);
|
29
|
-
@include box-shadow(0 1px 4px rgba(0,0,0,.065));
|
29
|
+
@include box-shadow(#{0 1px 4px rgba(0,0,0,.065)});
|
30
|
+
|
31
|
+
// Prevent floats from breaking the navbar
|
32
|
+
@include clearfix();
|
30
33
|
}
|
31
34
|
|
32
35
|
// Set width to auto for default container
|
@@ -87,13 +90,16 @@
|
|
87
90
|
// -------------------------
|
88
91
|
.navbar .btn,
|
89
92
|
.navbar .btn-group {
|
90
|
-
@include navbarVerticalAlign(
|
93
|
+
@include navbarVerticalAlign(30px); // Vertically center in navbar
|
91
94
|
}
|
92
|
-
.navbar .btn-group .btn
|
93
|
-
|
95
|
+
.navbar .btn-group .btn,
|
96
|
+
.navbar .input-prepend .btn,
|
97
|
+
.navbar .input-append .btn {
|
98
|
+
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
94
99
|
}
|
95
100
|
|
96
101
|
// Navbar forms
|
102
|
+
// -------------------------
|
97
103
|
.navbar-form {
|
98
104
|
margin-bottom: 0; // remove default bottom margin
|
99
105
|
@include clearfix();
|
@@ -125,6 +131,7 @@
|
|
125
131
|
}
|
126
132
|
|
127
133
|
// Navbar search
|
134
|
+
// -------------------------
|
128
135
|
.navbar-search {
|
129
136
|
position: relative;
|
130
137
|
float: left;
|
@@ -166,12 +173,12 @@
|
|
166
173
|
z-index: $zindexFixedNavbar;
|
167
174
|
margin-bottom: 0; // remove 18px margin for default navbar
|
168
175
|
}
|
169
|
-
.navbar-fixed-top,
|
170
|
-
.navbar-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
176
|
+
.navbar-fixed-top .navbar-inner,
|
177
|
+
.navbar-static-top .navbar-inner {
|
178
|
+
border-width: 0 0 1px;
|
179
|
+
}
|
180
|
+
.navbar-fixed-bottom .navbar-inner {
|
181
|
+
border-width: 1px 0 0;
|
175
182
|
}
|
176
183
|
.navbar-fixed-top .navbar-inner,
|
177
184
|
.navbar-fixed-bottom .navbar-inner {
|
@@ -221,6 +228,7 @@
|
|
221
228
|
}
|
222
229
|
.navbar .nav.pull-right {
|
223
230
|
float: right; // redeclare due to specificity
|
231
|
+
margin-right: 0; // remove margin on float right nav
|
224
232
|
}
|
225
233
|
.navbar .nav > li {
|
226
234
|
float: left;
|
@@ -254,9 +262,7 @@
|
|
254
262
|
color: $navbarLinkColorActive;
|
255
263
|
text-decoration: none;
|
256
264
|
background-color: $navbarLinkBackgroundActive;
|
257
|
-
|
258
|
-
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
|
259
|
-
box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
|
265
|
+
@include box-shadow(#{inset 0 3px 8px rgba(0,0,0,.125)});
|
260
266
|
}
|
261
267
|
|
262
268
|
// Navbar button for toggling navbar items in responsive layouts
|
@@ -276,7 +282,7 @@
|
|
276
282
|
height: 2px;
|
277
283
|
background-color: #f5f5f5;
|
278
284
|
@include border-radius(1px);
|
279
|
-
@include box-shadow(0 1px 0 rgba(0,0,0,.25));
|
285
|
+
@include box-shadow(#{0 1px 0 rgba(0,0,0,.25)});
|
280
286
|
}
|
281
287
|
.btn-navbar .icon-bar + .icon-bar {
|
282
288
|
margin-top: 3px;
|
@@ -452,7 +458,7 @@
|
|
452
458
|
text-shadow: 0 1px 0 $white;
|
453
459
|
background-color: $navbarInverseSearchBackgroundFocus;
|
454
460
|
border: 0;
|
455
|
-
@include box-shadow(0 0 3px rgba(0,0,0,.15));
|
461
|
+
@include box-shadow(#{0 0 3px rgba(0,0,0,.15)});
|
456
462
|
outline: 0;
|
457
463
|
}
|
458
464
|
}
|
@@ -463,4 +469,4 @@
|
|
463
469
|
@include buttonBackground(darken($navbarInverseBackgroundHighlight, 5%), darken($navbarInverseBackground, 5%));
|
464
470
|
}
|
465
471
|
|
466
|
-
}
|
472
|
+
}
|
@@ -12,7 +12,8 @@
|
|
12
12
|
.pager li {
|
13
13
|
display: inline;
|
14
14
|
}
|
15
|
-
.pager a
|
15
|
+
.pager a,
|
16
|
+
.pager span {
|
16
17
|
display: inline-block;
|
17
18
|
padding: 5px 14px;
|
18
19
|
background-color: #fff;
|
@@ -23,14 +24,16 @@
|
|
23
24
|
text-decoration: none;
|
24
25
|
background-color: #f5f5f5;
|
25
26
|
}
|
26
|
-
.pager .next a
|
27
|
+
.pager .next a,
|
28
|
+
.pager .next span {
|
27
29
|
float: right;
|
28
30
|
}
|
29
31
|
.pager .previous a {
|
30
32
|
float: left;
|
31
33
|
}
|
32
34
|
.pager .disabled a,
|
33
|
-
.pager .disabled a:hover
|
35
|
+
.pager .disabled a:hover,
|
36
|
+
.pager .disabled span {
|
34
37
|
color: $grayLight;
|
35
38
|
background-color: #fff;
|
36
39
|
cursor: default;
|
@@ -13,13 +13,13 @@
|
|
13
13
|
margin-left: 0;
|
14
14
|
margin-bottom: 0;
|
15
15
|
@include border-radius(3px);
|
16
|
-
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
16
|
+
@include box-shadow(#{0 1px 2px rgba(0,0,0,.05)});
|
17
17
|
}
|
18
|
-
.pagination li {
|
19
|
-
|
20
|
-
|
21
|
-
.pagination a,
|
22
|
-
.pagination span {
|
18
|
+
.pagination ul > li {
|
19
|
+
display: inline;
|
20
|
+
}
|
21
|
+
.pagination ul > li > a,
|
22
|
+
.pagination ul > li > span {
|
23
23
|
float: left;
|
24
24
|
padding: 0 14px;
|
25
25
|
line-height: ($baseLineHeight * 2) - 2;
|
@@ -28,30 +28,30 @@
|
|
28
28
|
border: 1px solid $paginationBorder;
|
29
29
|
border-left-width: 0;
|
30
30
|
}
|
31
|
-
.pagination a:hover,
|
32
|
-
.pagination .active a,
|
33
|
-
.pagination .active span {
|
31
|
+
.pagination ul > li > a:hover,
|
32
|
+
.pagination ul > .active > a,
|
33
|
+
.pagination ul > .active > span {
|
34
34
|
background-color: #f5f5f5;
|
35
35
|
}
|
36
|
-
.pagination .active a,
|
37
|
-
.pagination .active span {
|
36
|
+
.pagination ul > .active > a,
|
37
|
+
.pagination ul > .active > span {
|
38
38
|
color: $grayLight;
|
39
39
|
cursor: default;
|
40
40
|
}
|
41
|
-
.pagination .disabled span,
|
42
|
-
.pagination .disabled a,
|
43
|
-
.pagination .disabled a:hover {
|
41
|
+
.pagination ul > .disabled > span,
|
42
|
+
.pagination ul > .disabled > a,
|
43
|
+
.pagination ul > .disabled > a:hover {
|
44
44
|
color: $grayLight;
|
45
45
|
background-color: transparent;
|
46
46
|
cursor: default;
|
47
47
|
}
|
48
|
-
.pagination li:first-child a,
|
49
|
-
.pagination li:first-child span {
|
48
|
+
.pagination ul > li:first-child > a,
|
49
|
+
.pagination ul > li:first-child > span {
|
50
50
|
border-left-width: 1px;
|
51
51
|
@include border-radius(3px 0 0 3px);
|
52
52
|
}
|
53
|
-
.pagination li:last-child a,
|
54
|
-
.pagination li:last-child span {
|
53
|
+
.pagination ul > li:last-child > a,
|
54
|
+
.pagination ul > li:last-child > span {
|
55
55
|
@include border-radius(0 3px 3px 0);
|
56
56
|
}
|
57
57
|
|
@@ -61,4 +61,4 @@
|
|
61
61
|
}
|
62
62
|
.pagination-right {
|
63
63
|
text-align: right;
|
64
|
-
}
|
64
|
+
}
|
@@ -18,7 +18,7 @@
|
|
18
18
|
border: 1px solid #ccc;
|
19
19
|
border: 1px solid rgba(0,0,0,.2);
|
20
20
|
@include border-radius(6px);
|
21
|
-
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
21
|
+
@include box-shadow(#{0 5px 10px rgba(0,0,0,.2)});
|
22
22
|
|
23
23
|
// Offset the popover to account for the popover arrow
|
24
24
|
&.top { margin-bottom: 10px; }
|
@@ -47,7 +47,7 @@
|
|
47
47
|
height: $baseLineHeight;
|
48
48
|
margin-bottom: $baseLineHeight;
|
49
49
|
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
50
|
-
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
50
|
+
@include box-shadow(#{inset 0 1px 2px rgba(0,0,0,.1)});
|
51
51
|
@include border-radius(4px);
|
52
52
|
}
|
53
53
|
|
@@ -61,7 +61,7 @@
|
|
61
61
|
text-align: center;
|
62
62
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
63
63
|
@include gradient-vertical(#149bdf, #0480be);
|
64
|
-
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
64
|
+
@include box-shadow(#{inset 0 -1px 0 rgba(0,0,0,.15)});
|
65
65
|
@include box-sizing(border-box);
|
66
66
|
@include transition(width .6s ease);
|
67
67
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
//
|
2
|
+
// Modals
|
3
3
|
// Adapted from http://github.com/necolas/normalize.css
|
4
4
|
// --------------------------------------------------
|
5
5
|
|
@@ -77,8 +77,10 @@ sub {
|
|
77
77
|
// -------------------------
|
78
78
|
|
79
79
|
img {
|
80
|
-
|
81
|
-
|
80
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
81
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
82
84
|
vertical-align: middle;
|
83
85
|
border: 0;
|
84
86
|
-ms-interpolation-mode: bicubic;
|
@@ -12,7 +12,8 @@
|
|
12
12
|
}
|
13
13
|
// Negative indent the now static "fixed" navbar
|
14
14
|
.navbar-fixed-top,
|
15
|
-
.navbar-fixed-bottom
|
15
|
+
.navbar-fixed-bottom,
|
16
|
+
.navbar-static-top {
|
16
17
|
margin-left: -20px;
|
17
18
|
margin-right: -20px;
|
18
19
|
}
|
@@ -60,8 +61,9 @@
|
|
60
61
|
.row-fluid [class*="span"] {
|
61
62
|
float: none;
|
62
63
|
display: block;
|
63
|
-
width:
|
64
|
+
width: 100%;
|
64
65
|
margin-left: 0;
|
66
|
+
@include box-sizing(border-box);
|
65
67
|
}
|
66
68
|
.span12,
|
67
69
|
.row-fluid .span12 {
|
@@ -89,6 +91,9 @@
|
|
89
91
|
display: inline-block; // redeclare so they don't wrap to new lines
|
90
92
|
width: auto;
|
91
93
|
}
|
94
|
+
.controls-row [class*="span"] + [class*="span"] {
|
95
|
+
margin-left: 0;
|
96
|
+
}
|
92
97
|
|
93
98
|
// Modals
|
94
99
|
.modal {
|
@@ -128,24 +133,26 @@
|
|
128
133
|
}
|
129
134
|
|
130
135
|
// Remove the horizontal form styles
|
131
|
-
.form-horizontal
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
136
|
+
.form-horizontal {
|
137
|
+
.control-label {
|
138
|
+
float: none;
|
139
|
+
width: auto;
|
140
|
+
padding-top: 0;
|
141
|
+
text-align: left;
|
142
|
+
}
|
143
|
+
// Move over all input controls and content
|
144
|
+
.controls {
|
145
|
+
margin-left: 0;
|
146
|
+
}
|
147
|
+
// Move the options list down to align with labels
|
148
|
+
.control-list {
|
149
|
+
padding-top: 0; // has to be padding because margin collaspes
|
150
|
+
}
|
151
|
+
// Move over buttons in .form-actions to align with .controls
|
152
|
+
.form-actions {
|
153
|
+
padding-left: 10px;
|
154
|
+
padding-right: 10px;
|
155
|
+
}
|
149
156
|
}
|
150
157
|
|
151
158
|
// Modals
|
@@ -164,4 +171,4 @@
|
|
164
171
|
position: static;
|
165
172
|
}
|
166
173
|
|
167
|
-
}
|
174
|
+
}
|
@@ -115,6 +115,12 @@
|
|
115
115
|
.nav-collapse .dropdown-menu .divider {
|
116
116
|
display: none;
|
117
117
|
}
|
118
|
+
.nav-collapse .nav > li > .dropdown-menu {
|
119
|
+
&:before,
|
120
|
+
&:after {
|
121
|
+
display: none;
|
122
|
+
}
|
123
|
+
}
|
118
124
|
// Forms in navbar
|
119
125
|
.nav-collapse .navbar-form,
|
120
126
|
.nav-collapse .navbar-search {
|
@@ -125,6 +131,11 @@
|
|
125
131
|
border-bottom: 1px solid $navbarBackground;
|
126
132
|
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
|
127
133
|
}
|
134
|
+
.navbar-inverse .nav-collapse .navbar-form,
|
135
|
+
.navbar-inverse .nav-collapse .navbar-search {
|
136
|
+
border-top-color: $navbarInverseBackground;
|
137
|
+
border-bottom-color: $navbarInverseBackground;
|
138
|
+
}
|
128
139
|
// Pull right (secondary) nav content
|
129
140
|
.navbar .nav-collapse .nav.pull-right {
|
130
141
|
float: none;
|
@@ -147,6 +158,8 @@
|
|
147
158
|
padding-left: 10px;
|
148
159
|
padding-right: 10px;
|
149
160
|
}
|
161
|
+
|
162
|
+
|
150
163
|
}
|
151
164
|
|
152
165
|
|
@@ -32,20 +32,21 @@ a:hover {
|
|
32
32
|
// Images
|
33
33
|
// -------------------------
|
34
34
|
|
35
|
+
// Rounded corners
|
35
36
|
.img-rounded {
|
36
37
|
@include border-radius(6px);
|
37
38
|
}
|
38
39
|
|
40
|
+
// Add polaroid-esque trim
|
39
41
|
.img-polaroid {
|
40
42
|
padding: 4px;
|
41
43
|
background-color: #fff;
|
42
44
|
border: 1px solid #ccc;
|
43
45
|
border: 1px solid rgba(0,0,0,.2);
|
44
|
-
|
45
|
-
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
46
|
-
box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
46
|
+
@include box-shadow(#{0 1px 3px rgba(0,0,0,.1)});
|
47
47
|
}
|
48
48
|
|
49
|
+
// Perfect circle
|
49
50
|
.img-circle {
|
50
|
-
@include border-radius(500px);
|
51
|
-
}
|
51
|
+
@include border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
52
|
+
}
|
@@ -30,8 +30,14 @@
|
|
30
30
|
|
31
31
|
/* White icons with optional class, or on hover/active states of certain elements */
|
32
32
|
.icon-white,
|
33
|
-
.nav > .active > a > [class^="icon-"],
|
34
|
-
.nav > .active > a > [class*=" icon-"],
|
33
|
+
.nav-tabs > .active > a > [class^="icon-"],
|
34
|
+
.nav-tabs > .active > a > [class*=" icon-"],
|
35
|
+
.nav-pills > .active > a > [class^="icon-"],
|
36
|
+
.nav-pills > .active > a > [class*=" icon-"],
|
37
|
+
.nav-list > .active > a > [class^="icon-"],
|
38
|
+
.nav-list > .active > a > [class*=" icon-"],
|
39
|
+
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
40
|
+
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
35
41
|
.dropdown-menu > li > a:hover > [class^="icon-"],
|
36
42
|
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
37
43
|
.dropdown-menu > .active > a > [class^="icon-"],
|
@@ -184,4 +190,4 @@
|
|
184
190
|
.icon-tasks { background-position: -384px -144px; }
|
185
191
|
.icon-filter { background-position: -408px -144px; }
|
186
192
|
.icon-briefcase { background-position: -432px -144px; }
|
187
|
-
.icon-fullscreen { background-position: -456px -144px; }
|
193
|
+
.icon-fullscreen { background-position: -456px -144px; }
|
@@ -133,7 +133,7 @@ table {
|
|
133
133
|
colgroup + tbody tr:first-child td:last-child {
|
134
134
|
-webkit-border-top-right-radius: 4px;
|
135
135
|
border-top-right-radius: 4px;
|
136
|
-
|
136
|
+
-moz-border-radius-topleft: 4px;
|
137
137
|
}
|
138
138
|
|
139
139
|
}
|
@@ -187,21 +187,41 @@ table {
|
|
187
187
|
}
|
188
188
|
|
189
189
|
|
190
|
+
|
190
191
|
// TABLE BACKGROUNDS
|
191
192
|
// -----------------
|
192
193
|
// Exact selectors below required to override .table-striped
|
193
194
|
|
194
|
-
.table {
|
195
|
-
|
195
|
+
.table tbody tr {
|
196
|
+
&.success td {
|
196
197
|
background-color: $successBackground;
|
197
198
|
}
|
198
|
-
|
199
|
+
&.error td {
|
199
200
|
background-color: $errorBackground;
|
200
201
|
}
|
201
|
-
|
202
|
+
&.warning td {
|
203
|
+
background-color: $warningBackground;
|
204
|
+
}
|
205
|
+
&.info td {
|
202
206
|
background-color: $infoBackground;
|
203
207
|
}
|
204
208
|
tbody tr.warning td {
|
205
209
|
background-color: $warningBackground;
|
206
210
|
}
|
207
211
|
}
|
212
|
+
|
213
|
+
// Hover states for .table-hover
|
214
|
+
.table-hover tbody tr {
|
215
|
+
&.success:hover td {
|
216
|
+
background-color: darken($successBackground, 5%);
|
217
|
+
}
|
218
|
+
&.error:hover td {
|
219
|
+
background-color: darken($errorBackground, 5%);
|
220
|
+
}
|
221
|
+
&.warning:hover td {
|
222
|
+
background-color: darken($warningBackground, 5%);
|
223
|
+
}
|
224
|
+
&.info:hover td {
|
225
|
+
background-color: darken($infoBackground, 5%);
|
226
|
+
}
|
227
|
+
}
|
@@ -30,13 +30,13 @@
|
|
30
30
|
line-height: $baseLineHeight;
|
31
31
|
border: 1px solid #ddd;
|
32
32
|
@include border-radius(4px);
|
33
|
-
@include box-shadow(0 1px 3px rgba(0,0,0,.055));
|
33
|
+
@include box-shadow(#{0 1px 3px rgba(0,0,0,.055)});
|
34
34
|
@include transition(all .2s ease-in-out);
|
35
35
|
}
|
36
36
|
// Add a hover state for linked versions only
|
37
37
|
a.thumbnail:hover {
|
38
38
|
border-color: $linkColor;
|
39
|
-
@include box-shadow(0 1px 4px rgba(0,105,214,.25));
|
39
|
+
@include box-shadow(#{0 1px 4px rgba(0,105,214,.25)});
|
40
40
|
}
|
41
41
|
|
42
42
|
// Images and captions
|
@@ -11,7 +11,7 @@ p {
|
|
11
11
|
}
|
12
12
|
.lead {
|
13
13
|
margin-bottom: $baseLineHeight;
|
14
|
-
font-size:
|
14
|
+
font-size: $baseFontSize * 1.5;
|
15
15
|
font-weight: 200;
|
16
16
|
line-height: $baseLineHeight * 1.5;
|
17
17
|
}
|
@@ -32,9 +32,23 @@ em {
|
|
32
32
|
cite {
|
33
33
|
font-style: normal;
|
34
34
|
}
|
35
|
+
|
36
|
+
// Utility classes
|
35
37
|
.muted {
|
36
38
|
color: $grayLight;
|
37
39
|
}
|
40
|
+
.text-warning {
|
41
|
+
color: $warningText;
|
42
|
+
}
|
43
|
+
.text-error {
|
44
|
+
color: $errorText;
|
45
|
+
}
|
46
|
+
.text-info {
|
47
|
+
color: $infoText;
|
48
|
+
}
|
49
|
+
.text-success {
|
50
|
+
color: $successText;
|
51
|
+
}
|
38
52
|
|
39
53
|
|
40
54
|
// Headings
|
@@ -116,15 +130,16 @@ dd {
|
|
116
130
|
}
|
117
131
|
// Horizontal layout (like forms)
|
118
132
|
.dl-horizontal {
|
133
|
+
@include clearfix(); // Ensure dl clears floats if empty dd elements present
|
119
134
|
dt {
|
120
135
|
float: left;
|
121
|
-
width:
|
136
|
+
width: $horizontalComponentOffset - 20;
|
122
137
|
clear: left;
|
123
138
|
text-align: right;
|
124
139
|
@include text-overflow();
|
125
140
|
}
|
126
141
|
dd {
|
127
|
-
margin-left:
|
142
|
+
margin-left: $horizontalComponentOffset;
|
128
143
|
}
|
129
144
|
}
|
130
145
|
|
@@ -57,7 +57,6 @@ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontF
|
|
57
57
|
$headingsFontWeight: bold !default; // instead of browser default, bold
|
58
58
|
$headingsColor: inherit !default; // empty to use BS default, $textColor
|
59
59
|
|
60
|
-
|
61
60
|
// Tables
|
62
61
|
// -------------------------
|
63
62
|
$tableBackground: transparent !default; // overall background-color
|
@@ -65,7 +64,6 @@ $tableBackgroundAccent: #f9f9f9 !default; // for striping
|
|
65
64
|
$tableBackgroundHover: #f5f5f5 !default; // for hover
|
66
65
|
$tableBorder: #ddd !default; // table and cell border
|
67
66
|
|
68
|
-
|
69
67
|
// Buttons
|
70
68
|
// -------------------------
|
71
69
|
$btnBackground: $white !default;
|
@@ -107,11 +105,10 @@ $dropdownDividerTop: #e5e5e5 !default;
|
|
107
105
|
$dropdownDividerBottom: $white !default;
|
108
106
|
|
109
107
|
$dropdownLinkColor: $grayDark !default;
|
110
|
-
|
108
|
+
$dropdownLinkColorHover: $white !default;
|
111
109
|
$dropdownLinkColorActive: $dropdownLinkColor !default;
|
112
|
-
$dropdownLinkBackgroundActive: $linkColor !default;
|
113
110
|
|
114
|
-
$
|
111
|
+
$dropdownLinkBackgroundActive: $linkColor !default;
|
115
112
|
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
|
116
113
|
|
117
114
|
|
@@ -147,6 +144,11 @@ $placeholderText: $grayLight !default;
|
|
147
144
|
$hrBorder: $grayLighter !default;
|
148
145
|
|
149
146
|
|
147
|
+
// Horizontal forms & lists
|
148
|
+
// -------------------------
|
149
|
+
$horizontalComponentOffset: 180px !default;
|
150
|
+
|
151
|
+
|
150
152
|
// Wells
|
151
153
|
// -------------------------
|
152
154
|
$wellBackground: #f5f5f5 !default;
|
@@ -274,4 +276,4 @@ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200
|
|
274
276
|
|
275
277
|
// 768px-979px
|
276
278
|
$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
|
277
|
-
$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
|
279
|
+
$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
|
@@ -11,7 +11,7 @@
|
|
11
11
|
background-color: $wellBackground;
|
12
12
|
border: 1px solid darken($wellBackground, 7%);
|
13
13
|
@include border-radius(4px);
|
14
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
14
|
+
@include box-shadow(#{inset 0 1px 1px rgba(0,0,0,.05)});
|
15
15
|
blockquote {
|
16
16
|
border-color: #ddd;
|
17
17
|
border-color: rgba(0,0,0,.15);
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bootstrap-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.1.0
|
4
|
+
version: 2.1.1.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-10-
|
12
|
+
date: 2012-10-31 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|