bootstrap-sass 2.1.0.1 → 2.1.1.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.
- 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
|