sass-twitter-bootstrap-rails 1.0.1 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/sass-twitter-bootstrap/rails/version.rb +2 -2
- data/sass-twitter-bootstrap-rails.gemspec +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +8 -5
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +3 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +5 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +6 -5
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +3 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +2 -2
- data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/breadcrumbs.scss +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/button-groups.scss +2 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/buttons.scss +22 -6
- data/vendor/assets/stylesheets/twitter/bootstrap/code.scss +13 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/dropdowns.scss +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/forms.scss +45 -41
- data/vendor/assets/stylesheets/twitter/bootstrap/labels.scss +22 -7
- data/vendor/assets/stylesheets/twitter/bootstrap/mixins.scss +58 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/modals.scss +10 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/navbar.scss +11 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/navs.scss +20 -12
- data/vendor/assets/stylesheets/twitter/bootstrap/reset.scss +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/responsive.scss +11 -7
- data/vendor/assets/stylesheets/twitter/bootstrap/sprites.scss +7 -5
- data/vendor/assets/stylesheets/twitter/bootstrap/tables.scss +14 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/thumbnails.scss +2 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/type.scss +3 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/variables.scss +56 -32
- metadata +5 -5
@@ -18,5 +18,5 @@ Gem::Specification.new do |s|
|
|
18
18
|
s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
19
19
|
s.files = `git ls-files`.split("\n")
|
20
20
|
s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
21
|
-
s.require_path
|
21
|
+
s.require_path = "lib"
|
22
22
|
end
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-alert.js v2.0.
|
2
|
+
* bootstrap-alert.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#alerts
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -51,11 +51,14 @@
|
|
51
51
|
|
52
52
|
$parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
|
53
53
|
|
54
|
-
$parent
|
54
|
+
$parent
|
55
|
+
.trigger('close')
|
56
|
+
.removeClass('in')
|
55
57
|
|
56
58
|
function removeElement() {
|
57
|
-
$parent
|
58
|
-
|
59
|
+
$parent
|
60
|
+
.trigger('closed')
|
61
|
+
.remove()
|
59
62
|
}
|
60
63
|
|
61
64
|
$.support.transition && $parent.hasClass('fade') ?
|
@@ -88,4 +91,4 @@
|
|
88
91
|
$('body').on('click.alert.data-api', dismiss, Alert.prototype.close)
|
89
92
|
})
|
90
93
|
|
91
|
-
}( window.jQuery )
|
94
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-button.js v2.0.
|
2
|
+
* bootstrap-button.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -91,8 +91,8 @@
|
|
91
91
|
|
92
92
|
$(function () {
|
93
93
|
$('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) {
|
94
|
-
$(e.
|
94
|
+
$(e.currentTarget).button('toggle')
|
95
95
|
})
|
96
96
|
})
|
97
97
|
|
98
|
-
}( window.jQuery )
|
98
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-carousel.js v2.0.
|
2
|
+
* bootstrap-carousel.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#carousel
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -61,6 +61,7 @@
|
|
61
61
|
|
62
62
|
, pause: function () {
|
63
63
|
clearInterval(this.interval)
|
64
|
+
this.interval = null
|
64
65
|
return this
|
65
66
|
}
|
66
67
|
|
@@ -82,6 +83,8 @@
|
|
82
83
|
, fallback = type == 'next' ? 'first' : 'last'
|
83
84
|
, that = this
|
84
85
|
|
86
|
+
if (!$next.length) return
|
87
|
+
|
85
88
|
this.sliding = true
|
86
89
|
|
87
90
|
isCycling && this.pause()
|
@@ -151,4 +154,4 @@
|
|
151
154
|
})
|
152
155
|
})
|
153
156
|
|
154
|
-
}( window.jQuery )
|
157
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-collapse.js v2.0.
|
2
|
+
* bootstrap-collapse.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#collapse
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -133,4 +133,4 @@
|
|
133
133
|
})
|
134
134
|
})
|
135
135
|
|
136
|
-
}( window.jQuery )
|
136
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-dropdown.js v2.0.
|
2
|
+
* bootstrap-dropdown.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -89,4 +89,4 @@
|
|
89
89
|
$('body').on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
|
90
90
|
})
|
91
91
|
|
92
|
-
}( window.jQuery )
|
92
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =========================================================
|
2
|
-
* bootstrap-modal.js v2.0.
|
2
|
+
* bootstrap-modal.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#modals
|
4
4
|
* =========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -26,7 +26,7 @@
|
|
26
26
|
* ====================== */
|
27
27
|
|
28
28
|
var Modal = function ( content, options ) {
|
29
|
-
this.options =
|
29
|
+
this.options = options
|
30
30
|
this.$element = $(content)
|
31
31
|
.delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
32
32
|
}
|
@@ -177,16 +177,17 @@
|
|
177
177
|
return this.each(function () {
|
178
178
|
var $this = $(this)
|
179
179
|
, data = $this.data('modal')
|
180
|
-
, options = typeof option == 'object' && option
|
180
|
+
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
181
181
|
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
182
182
|
if (typeof option == 'string') data[option]()
|
183
|
-
else data.show()
|
183
|
+
else if (options.show) data.show()
|
184
184
|
})
|
185
185
|
}
|
186
186
|
|
187
187
|
$.fn.modal.defaults = {
|
188
188
|
backdrop: true
|
189
189
|
, keyboard: true
|
190
|
+
, show: true
|
190
191
|
}
|
191
192
|
|
192
193
|
$.fn.modal.Constructor = Modal
|
@@ -206,4 +207,4 @@
|
|
206
207
|
})
|
207
208
|
})
|
208
209
|
|
209
|
-
}( window.jQuery )
|
210
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-popover.js v2.0.
|
2
|
+
* bootstrap-popover.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
4
4
|
* ===========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -92,4 +92,4 @@
|
|
92
92
|
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
|
93
93
|
})
|
94
94
|
|
95
|
-
}( window.jQuery )
|
95
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-scrollspy.js v2.0.
|
2
|
+
* bootstrap-scrollspy.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#scrollspy
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -122,4 +122,4 @@
|
|
122
122
|
})
|
123
123
|
})
|
124
124
|
|
125
|
-
}( window.jQuery )
|
125
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ========================================================
|
2
|
-
* bootstrap-tab.js v2.0.
|
2
|
+
* bootstrap-tab.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
4
4
|
* ========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -127,4 +127,4 @@
|
|
127
127
|
})
|
128
128
|
})
|
129
129
|
|
130
|
-
}( window.jQuery )
|
130
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-tooltip.js v2.0.
|
2
|
+
* bootstrap-tooltip.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
4
4
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
5
5
|
* ===========================================================
|
@@ -267,4 +267,4 @@
|
|
267
267
|
, template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
|
268
268
|
}
|
269
269
|
|
270
|
-
}( window.jQuery )
|
270
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===================================================
|
2
|
-
* bootstrap-transition.js v2.0.
|
2
|
+
* bootstrap-transition.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
4
|
* ===================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -47,5 +47,5 @@
|
|
47
47
|
})()
|
48
48
|
|
49
49
|
})
|
50
|
-
|
51
|
-
}( window.jQuery )
|
50
|
+
|
51
|
+
}( window.jQuery );
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-typeahead.js v2.0.
|
2
|
+
* bootstrap-typeahead.js v2.0.1
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -268,4 +268,4 @@
|
|
268
268
|
})
|
269
269
|
})
|
270
270
|
|
271
|
-
}( window.jQuery )
|
271
|
+
}( window.jQuery );
|
@@ -9,12 +9,14 @@
|
|
9
9
|
.btn {
|
10
10
|
display: inline-block;
|
11
11
|
padding: 4px 10px 4px;
|
12
|
+
margin-bottom: 0;
|
12
13
|
font-size: $baseFontSize;
|
13
14
|
line-height: $baseLineHeight;
|
14
15
|
color: $grayDark;
|
15
16
|
text-align: center;
|
16
17
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
17
|
-
|
18
|
+
vertical-align: middle;
|
19
|
+
@include buttonBackground($white, darken($white, 10%));
|
18
20
|
border: 1px solid #ccc;
|
19
21
|
border-bottom-color: #bbb;
|
20
22
|
@include border-radius(4px);
|
@@ -23,6 +25,7 @@
|
|
23
25
|
cursor: pointer;
|
24
26
|
|
25
27
|
// Give IE7 some love
|
28
|
+
@extend .reset_filter;
|
26
29
|
@extend .ie7-restore-left-whitespace;
|
27
30
|
}
|
28
31
|
|
@@ -51,7 +54,6 @@
|
|
51
54
|
@include box-shadow($shadow);
|
52
55
|
background-color: darken($white, 10%);
|
53
56
|
background-color: darken($white, 15%) e("\9");
|
54
|
-
color: rgba(0,0,0,.5);
|
55
57
|
outline: 0;
|
56
58
|
}
|
57
59
|
|
@@ -76,7 +78,7 @@
|
|
76
78
|
line-height: normal;
|
77
79
|
@include border-radius(5px);
|
78
80
|
}
|
79
|
-
.btn-large
|
81
|
+
.btn-large [class^="icon-"] {
|
80
82
|
margin-top: 1px;
|
81
83
|
}
|
82
84
|
|
@@ -86,10 +88,17 @@
|
|
86
88
|
font-size: $baseFontSize - 2px;
|
87
89
|
line-height: $baseLineHeight - 2px;
|
88
90
|
}
|
89
|
-
.btn-small
|
91
|
+
.btn-small [class^="icon-"] {
|
90
92
|
margin-top: -1px;
|
91
93
|
}
|
92
94
|
|
95
|
+
// Mini
|
96
|
+
.btn-mini {
|
97
|
+
padding: 2px 6px;
|
98
|
+
font-size: $baseFontSize - 2px;
|
99
|
+
line-height: $baseLineHeight - 4px;
|
100
|
+
}
|
101
|
+
|
93
102
|
|
94
103
|
// Alternate buttons
|
95
104
|
// --------------------------------------------------
|
@@ -105,7 +114,9 @@
|
|
105
114
|
.btn-success,
|
106
115
|
.btn-success:hover,
|
107
116
|
.btn-info,
|
108
|
-
.btn-info:hover
|
117
|
+
.btn-info:hover,
|
118
|
+
.btn-inverse,
|
119
|
+
.btn-inverse:hover {
|
109
120
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
110
121
|
color: $white;
|
111
122
|
}
|
@@ -114,7 +125,8 @@
|
|
114
125
|
.btn-warning.active,
|
115
126
|
.btn-danger.active,
|
116
127
|
.btn-success.active,
|
117
|
-
.btn-info.active
|
128
|
+
.btn-info.active,
|
129
|
+
.btn-dark.active {
|
118
130
|
color: rgba(255,255,255,.75);
|
119
131
|
}
|
120
132
|
|
@@ -139,6 +151,10 @@
|
|
139
151
|
.btn-info {
|
140
152
|
@include buttonBackground(#5bc0de, #2f96b4);
|
141
153
|
}
|
154
|
+
// Inverse appears as dark gray
|
155
|
+
.btn-inverse {
|
156
|
+
@include buttonBackground(#454545, #262626);
|
157
|
+
}
|
142
158
|
|
143
159
|
|
144
160
|
// Cross-browser Jank
|
@@ -11,12 +11,16 @@ pre {
|
|
11
11
|
@include border-radius(3px);
|
12
12
|
@extend .monospace;
|
13
13
|
}
|
14
|
+
|
15
|
+
// Inline code
|
14
16
|
code {
|
15
17
|
background-color: #f7f7f9;
|
16
18
|
border: 1px solid #e1e1e8;
|
17
19
|
color: #d14;
|
18
20
|
padding: 3px 4px;
|
19
21
|
}
|
22
|
+
|
23
|
+
// Blocks of code
|
20
24
|
pre {
|
21
25
|
display: block;
|
22
26
|
padding: ($baseLineHeight - 1) / 2;
|
@@ -29,6 +33,7 @@ pre {
|
|
29
33
|
@include border-radius(4px);
|
30
34
|
white-space: pre-wrap;
|
31
35
|
word-break: break-all;
|
36
|
+
word-wrap: break-word;
|
32
37
|
|
33
38
|
// Make prettyprint styles more spaced out for readability
|
34
39
|
&.prettyprint {
|
@@ -38,6 +43,14 @@ pre {
|
|
38
43
|
// Account for some code outputs that place code tags in pre tags
|
39
44
|
code {
|
40
45
|
padding: 0;
|
46
|
+
color: inherit;
|
41
47
|
background-color: transparent;
|
48
|
+
border: 0;
|
42
49
|
}
|
50
|
+
}
|
51
|
+
|
52
|
+
// Enable scrollable blocks of code
|
53
|
+
.pre-scrollable {
|
54
|
+
max-height: 340px;
|
55
|
+
overflow-y: scroll;
|
43
56
|
}
|
@@ -29,11 +29,22 @@ legend {
|
|
29
29
|
border-bottom: 1px solid #eee;
|
30
30
|
}
|
31
31
|
|
32
|
+
small {
|
33
|
+
font-size: $baseLineHeight * .75;
|
34
|
+
color: $grayLight;
|
35
|
+
}
|
36
|
+
|
32
37
|
// Set font for forms
|
33
38
|
label,
|
34
39
|
input,
|
35
40
|
button,
|
36
41
|
select,
|
42
|
+
textarea {
|
43
|
+
@include shorthand($baseFontSize, normal, $baseLineHeight);
|
44
|
+
}
|
45
|
+
input,
|
46
|
+
button,
|
47
|
+
select,
|
37
48
|
textarea {
|
38
49
|
@include sans-serif($baseFontSize, normal, $baseLineHeight);
|
39
50
|
}
|
@@ -83,13 +94,18 @@ input[type="radio"] {
|
|
83
94
|
margin: 3px 0;
|
84
95
|
*margin-top: 0; /* IE7 */
|
85
96
|
line-height: normal;
|
86
|
-
border: 0;
|
87
97
|
cursor: pointer;
|
88
98
|
@include border-radius(0);
|
99
|
+
border: 0 \9;
|
100
|
+
}
|
101
|
+
|
102
|
+
input[type="image"] {
|
103
|
+
border: 0;
|
89
104
|
}
|
90
105
|
|
91
106
|
// Reset the file input to browser defaults
|
92
107
|
input[type="file"] {
|
108
|
+
width: auto;
|
93
109
|
padding: initial;
|
94
110
|
line-height: initial;
|
95
111
|
border: initial;
|
@@ -98,6 +114,10 @@ input[type="file"] {
|
|
98
114
|
@include box-shadow(none);
|
99
115
|
}
|
100
116
|
|
117
|
+
input[type="file"] {
|
118
|
+
line-height: 18px \9;
|
119
|
+
}
|
120
|
+
|
101
121
|
// Help out input buttons
|
102
122
|
input[type="button"],
|
103
123
|
input[type="reset"],
|
@@ -166,6 +186,7 @@ input[type="hidden"] {
|
|
166
186
|
.radio.inline,
|
167
187
|
.checkbox.inline {
|
168
188
|
display: inline-block;
|
189
|
+
padding-top: 5px;
|
169
190
|
margin-bottom: 0;
|
170
191
|
vertical-align: middle;
|
171
192
|
}
|
@@ -173,11 +194,6 @@ input[type="hidden"] {
|
|
173
194
|
.checkbox.inline + .checkbox.inline {
|
174
195
|
margin-left: 10px; // space out consecutive inline controls
|
175
196
|
}
|
176
|
-
// But don't forget to remove their padding on first-child
|
177
|
-
.controls > .radio.inline:first-child,
|
178
|
-
.controls > .checkbox.inline:first-child {
|
179
|
-
padding-top: 0;
|
180
|
-
}
|
181
197
|
|
182
198
|
// FOCUS STATE
|
183
199
|
// -----------
|
@@ -194,9 +210,10 @@ textarea:focus {
|
|
194
210
|
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
195
211
|
@include box-shadow($shadow);
|
196
212
|
outline: 0;
|
197
|
-
outline: thin dotted \9; /* IE6-
|
213
|
+
outline: thin dotted \9; /* IE6-9 */
|
198
214
|
}
|
199
215
|
input[type="file"]:focus,
|
216
|
+
input[type="radio"]:focus,
|
200
217
|
input[type="checkbox"]:focus,
|
201
218
|
select:focus {
|
202
219
|
@include box-shadow(none); // override for file inputs
|
@@ -248,33 +265,6 @@ textarea[readonly] {
|
|
248
265
|
// FORM FIELD FEEDBACK STATES
|
249
266
|
// --------------------------
|
250
267
|
|
251
|
-
// Mixin for form field states
|
252
|
-
@mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
|
253
|
-
// Set the text color
|
254
|
-
> label,
|
255
|
-
.help-block,
|
256
|
-
.help-inline {
|
257
|
-
color: $textColor;
|
258
|
-
}
|
259
|
-
// Style inputs accordingly
|
260
|
-
input,
|
261
|
-
select,
|
262
|
-
textarea {
|
263
|
-
color: $textColor;
|
264
|
-
border-color: $borderColor;
|
265
|
-
&:focus {
|
266
|
-
border-color: darken($borderColor, 10%);
|
267
|
-
@include box-shadow(0 0 6px lighten($borderColor, 20%));
|
268
|
-
}
|
269
|
-
}
|
270
|
-
// Give a small background color for input-prepend/-append
|
271
|
-
.input-prepend .add-on,
|
272
|
-
.input-append .add-on {
|
273
|
-
color: $textColor;
|
274
|
-
background-color: $backgroundColor;
|
275
|
-
border-color: $textColor;
|
276
|
-
}
|
277
|
-
}
|
278
268
|
// Warning
|
279
269
|
.control-group.warning {
|
280
270
|
@include formFieldState($warningText, $warningText, $warningBackground);
|
@@ -329,6 +319,7 @@ select:focus:required:invalid {
|
|
329
319
|
// ---------
|
330
320
|
|
331
321
|
.help-block {
|
322
|
+
display: block;
|
332
323
|
margin-top: 5px;
|
333
324
|
margin-bottom: 0;
|
334
325
|
color: $grayLight;
|
@@ -360,7 +351,8 @@ select:focus:required:invalid {
|
|
360
351
|
}
|
361
352
|
}
|
362
353
|
.uneditable-input {
|
363
|
-
border-left-color: #
|
354
|
+
border-left-color: #eee;
|
355
|
+
border-right-color: #ccc;
|
364
356
|
}
|
365
357
|
.add-on {
|
366
358
|
float: left;
|
@@ -379,6 +371,10 @@ select:focus:required:invalid {
|
|
379
371
|
border: 1px solid #ccc;
|
380
372
|
@include border-radius(3px 0 0 3px);
|
381
373
|
}
|
374
|
+
// Re-hide hidden elements due to specifity
|
375
|
+
.hide {
|
376
|
+
display: none;
|
377
|
+
}
|
382
378
|
.active {
|
383
379
|
background-color: lighten($green, 30);
|
384
380
|
border-color: $green;
|
@@ -458,29 +454,37 @@ select:focus:required:invalid {
|
|
458
454
|
.form-inline .input-prepend .add-on {
|
459
455
|
vertical-align: middle;
|
460
456
|
}
|
457
|
+
// Inline checkbox/radio labels
|
458
|
+
.form-search .radio,
|
459
|
+
.form-inline .radio,
|
460
|
+
.form-search .checkbox,
|
461
|
+
.form-inline .checkbox {
|
462
|
+
margin-bottom: 0;
|
463
|
+
vertical-align: middle;
|
464
|
+
}
|
461
465
|
|
462
466
|
// Margin to space out fieldsets
|
463
467
|
.control-group {
|
464
468
|
margin-bottom: $baseLineHeight / 2;
|
465
469
|
}
|
466
470
|
|
471
|
+
// Legend collapses margin, so next element is responsible for spacing
|
472
|
+
legend + .control-group {
|
473
|
+
margin-top: $baseLineHeight;
|
474
|
+
-webkit-margin-top-collapse: separate;
|
475
|
+
}
|
467
476
|
|
468
477
|
// Horizontal-specific styles
|
469
478
|
// --------------------------
|
470
479
|
|
471
480
|
.form-horizontal {
|
472
|
-
// Legend collapses margin, so we're relegated to padding
|
473
|
-
legend + .control-group {
|
474
|
-
margin-top: $baseLineHeight;
|
475
|
-
-webkit-margin-top-collapse: separate;
|
476
|
-
}
|
477
481
|
// Increase spacing between groups
|
478
482
|
.control-group {
|
479
483
|
margin-bottom: $baseLineHeight;
|
480
484
|
@include clearfix;
|
481
485
|
}
|
482
486
|
// Float the labels left
|
483
|
-
.control-
|
487
|
+
.control-label {
|
484
488
|
float: left;
|
485
489
|
width: 140px;
|
486
490
|
padding-top: 5px;
|
@@ -2,15 +2,30 @@
|
|
2
2
|
// ------
|
3
3
|
|
4
4
|
.label {
|
5
|
-
padding:
|
6
|
-
font-size: $baseFontSize * .
|
5
|
+
padding: 2px 4px 3px;
|
6
|
+
font-size: $baseFontSize * .85;
|
7
7
|
font-weight: bold;
|
8
8
|
color: $white;
|
9
|
-
text-
|
9
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
10
10
|
background-color: $grayLight;
|
11
11
|
@include border-radius(3px);
|
12
12
|
}
|
13
|
-
|
14
|
-
|
15
|
-
.label
|
16
|
-
|
13
|
+
|
14
|
+
// Hover state
|
15
|
+
.label:hover {
|
16
|
+
color: $white;
|
17
|
+
text-decoration: none;
|
18
|
+
}
|
19
|
+
|
20
|
+
// Colors
|
21
|
+
.label-important { background-color: $errorText; }
|
22
|
+
.label-important:hover { background-color: darken($errorText, 10%); }
|
23
|
+
|
24
|
+
.label-warning { background-color: $orange; }
|
25
|
+
.label-warning:hover { background-color: darken($orange, 10%); }
|
26
|
+
|
27
|
+
.label-success { background-color: $successText; }
|
28
|
+
.label-success:hover { background-color: darken($successText, 10%); }
|
29
|
+
|
30
|
+
.label-info { background-color: $infoText; }
|
31
|
+
.label-info:hover { background-color: darken($infoText, 10%); }
|
@@ -19,7 +19,7 @@
|
|
19
19
|
|
20
20
|
.tab-focus {
|
21
21
|
// Default
|
22
|
-
outline: thin dotted;
|
22
|
+
outline: thin dotted #333;
|
23
23
|
// Webkit
|
24
24
|
outline: 5px auto -webkit-focus-ring-color;
|
25
25
|
outline-offset: -2px;
|
@@ -76,6 +76,15 @@
|
|
76
76
|
}
|
77
77
|
}
|
78
78
|
|
79
|
+
// Text overflow
|
80
|
+
// -------------------------
|
81
|
+
// Requires inline-block or block for proper styling
|
82
|
+
.text-overflow {
|
83
|
+
overflow: hidden;
|
84
|
+
text-overflow: ellipsis;
|
85
|
+
white-space: nowrap;
|
86
|
+
}
|
87
|
+
|
79
88
|
// Fonts
|
80
89
|
// -----------------------------------
|
81
90
|
|
@@ -184,7 +193,7 @@
|
|
184
193
|
}
|
185
194
|
|
186
195
|
@for $i from 1 through 11 {
|
187
|
-
.span#{$i} { @include fluid-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
|
196
|
+
> .span#{$i} { @include fluid-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
|
188
197
|
}
|
189
198
|
}
|
190
199
|
}
|
@@ -206,6 +215,46 @@
|
|
206
215
|
}
|
207
216
|
}
|
208
217
|
|
218
|
+
// Make a grid
|
219
|
+
.make-row {
|
220
|
+
margin-left: $gridGutterWidth * -1;
|
221
|
+
@extend .clearfix;
|
222
|
+
}
|
223
|
+
|
224
|
+
@mixin makeColumn($column: 1) {
|
225
|
+
float: left;
|
226
|
+
margin-left: $gridGutterWidth;
|
227
|
+
width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ( $columns - 1));
|
228
|
+
}
|
229
|
+
|
230
|
+
// Mixin for form field states
|
231
|
+
@mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
|
232
|
+
// Set the text color
|
233
|
+
> label,
|
234
|
+
.help-block,
|
235
|
+
.help-inline {
|
236
|
+
color: $textColor;
|
237
|
+
}
|
238
|
+
// Style inputs accordingly
|
239
|
+
input,
|
240
|
+
select,
|
241
|
+
textarea {
|
242
|
+
color: $textColor;
|
243
|
+
border-color: $borderColor;
|
244
|
+
&:focus {
|
245
|
+
border-color: darken($borderColor, 10%);
|
246
|
+
@include box-shadow(0 0 6px lighten($borderColor, 20%));
|
247
|
+
}
|
248
|
+
}
|
249
|
+
// Give a small background color for input-prepend/-append
|
250
|
+
.input-prepend .add-on,
|
251
|
+
.input-append .add-on {
|
252
|
+
color: $textColor;
|
253
|
+
background-color: $backgroundColor;
|
254
|
+
border-color: $textColor;
|
255
|
+
}
|
256
|
+
}
|
257
|
+
|
209
258
|
// CSS3 Properties
|
210
259
|
// -----------------------------------
|
211
260
|
|
@@ -254,6 +303,13 @@
|
|
254
303
|
-o-transform: translate($x, $y);
|
255
304
|
transform: translate($x, $y);
|
256
305
|
}
|
306
|
+
@mixin translate3d($x: 0, $y: 0, $z: 0) {
|
307
|
+
-webkit-transform: translate($x, $y, $z);
|
308
|
+
-moz-transform: translate($x, $y, $z);
|
309
|
+
-ms-transform: translate($x, $y, $z);
|
310
|
+
-o-transform: translate($x, $y, $z);
|
311
|
+
transform: translate($x, $y, $z);
|
312
|
+
}
|
257
313
|
|
258
314
|
// Background clipping
|
259
315
|
@mixin background-clip($clip) {
|
@@ -1,6 +1,7 @@
|
|
1
1
|
// MODALS
|
2
2
|
// ------
|
3
3
|
|
4
|
+
// Recalculate z-index where appropriate
|
4
5
|
.modal-open {
|
5
6
|
.dropdown-menu { z-index: $zindexDropdown + $zindexModal; }
|
6
7
|
.dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
|
@@ -8,6 +9,7 @@
|
|
8
9
|
.tooltip { z-index: $zindexTooltip + $zindexModal; }
|
9
10
|
}
|
10
11
|
|
12
|
+
// Background
|
11
13
|
.modal-backdrop {
|
12
14
|
position: fixed;
|
13
15
|
top: 0;
|
@@ -25,6 +27,7 @@
|
|
25
27
|
@include opacity(80);
|
26
28
|
}
|
27
29
|
|
30
|
+
// Base modal
|
28
31
|
.modal {
|
29
32
|
position: fixed;
|
30
33
|
top: 50%;
|
@@ -54,9 +57,16 @@
|
|
54
57
|
// Close icon
|
55
58
|
.close { margin-top: 2px; }
|
56
59
|
}
|
60
|
+
// Body (where all modal content resises)
|
57
61
|
.modal-body {
|
58
62
|
padding: 15px;
|
59
63
|
}
|
64
|
+
// Remove bottom margin if need be
|
65
|
+
.modal-body .modal-form {
|
66
|
+
margin-bottom: 0;
|
67
|
+
}
|
68
|
+
|
69
|
+
// Footer (for actions)
|
60
70
|
.modal-footer {
|
61
71
|
padding: 14px 15px 15px;
|
62
72
|
margin-bottom: 0;
|
@@ -81,7 +81,7 @@
|
|
81
81
|
margin-top: 5px; // make buttons vertically centered in navbar
|
82
82
|
}
|
83
83
|
.btn-group .btn {
|
84
|
-
margin-top: 0;
|
84
|
+
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
85
85
|
}
|
86
86
|
}
|
87
87
|
|
@@ -104,6 +104,14 @@
|
|
104
104
|
input[type="radio"] {
|
105
105
|
margin-top: 3px;
|
106
106
|
}
|
107
|
+
.input-append,
|
108
|
+
.input-prepend {
|
109
|
+
margin-top: 6px;
|
110
|
+
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
|
111
|
+
input {
|
112
|
+
margin-top: 0;
|
113
|
+
}
|
114
|
+
}
|
107
115
|
}
|
108
116
|
|
109
117
|
// Navbar search
|
@@ -133,7 +141,7 @@
|
|
133
141
|
background-color: $grayLight;
|
134
142
|
background-color: rgba(255,255,255,.5);
|
135
143
|
}
|
136
|
-
// Focus states (we use .focused since
|
144
|
+
// Focus states (we use .focused since IE7-8 and down doesn't support :focus)
|
137
145
|
&:focus,
|
138
146
|
&.focused {
|
139
147
|
padding: 5px 10px;
|
@@ -194,7 +202,7 @@
|
|
194
202
|
}
|
195
203
|
// Hover
|
196
204
|
.navbar .nav > li > a:hover {
|
197
|
-
background-color: transparent
|
205
|
+
background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
|
198
206
|
color: $navbarLinkColorHover;
|
199
207
|
text-decoration: none;
|
200
208
|
}
|
@@ -205,7 +213,6 @@
|
|
205
213
|
color: $navbarLinkColorHover;
|
206
214
|
text-decoration: none;
|
207
215
|
background-color: $navbarBackground;
|
208
|
-
background-color: rgba(0,0,0,.5);
|
209
216
|
}
|
210
217
|
|
211
218
|
// Dividers (basically a vertical hr)
|
@@ -21,7 +21,21 @@
|
|
21
21
|
background-color: $grayLighter;
|
22
22
|
}
|
23
23
|
|
24
|
-
|
24
|
+
// Nav headers (for dropdowns and lists)
|
25
|
+
.nav .nav-header {
|
26
|
+
display: block;
|
27
|
+
padding: 3px 15px;
|
28
|
+
font-size: 11px;
|
29
|
+
font-weight: bold;
|
30
|
+
line-height: $baseLineHeight;
|
31
|
+
color: $grayLight;
|
32
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
33
|
+
text-transform: uppercase;
|
34
|
+
}
|
35
|
+
// Space them out when they follow another list item (link)
|
36
|
+
.nav li + .nav-header {
|
37
|
+
margin-top: 9px;
|
38
|
+
}
|
25
39
|
|
26
40
|
// NAV LIST
|
27
41
|
// --------
|
@@ -33,21 +47,12 @@
|
|
33
47
|
}
|
34
48
|
.nav-list > li > a,
|
35
49
|
.nav-list .nav-header {
|
36
|
-
display: block;
|
37
|
-
padding: 3px 15px;
|
38
50
|
margin-left: -15px;
|
39
51
|
margin-right: -15px;
|
40
52
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
41
53
|
}
|
42
|
-
.nav-list
|
43
|
-
|
44
|
-
font-weight: bold;
|
45
|
-
line-height: $baseLineHeight;
|
46
|
-
color: $grayLight;
|
47
|
-
text-transform: uppercase;
|
48
|
-
}
|
49
|
-
.nav-list > li + .nav-header {
|
50
|
-
margin-top: 9px;
|
54
|
+
.nav-list > li > a {
|
55
|
+
padding: 3px 15px;
|
51
56
|
}
|
52
57
|
.nav-list .active > a,
|
53
58
|
.nav-list .active > a:hover {
|
@@ -249,6 +254,9 @@
|
|
249
254
|
.tabbable {
|
250
255
|
@include clearfix;
|
251
256
|
}
|
257
|
+
.tab-content {
|
258
|
+
overflow: hidden; // prevent content from running below tabs
|
259
|
+
}
|
252
260
|
|
253
261
|
// Remove border on bottom, left, right
|
254
262
|
.tabs-below .nav-tabs,
|
@@ -108,7 +108,7 @@ input[type="button"],
|
|
108
108
|
input[type="reset"],
|
109
109
|
input[type="submit"] {
|
110
110
|
cursor: pointer; // Cursors on all buttons applied consistently
|
111
|
-
-webkit-appearance: button; // Style
|
111
|
+
-webkit-appearance: button; // Style clickable inputs in iOS
|
112
112
|
}
|
113
113
|
input[type="search"] { // Appearance in Safari/Chrome
|
114
114
|
-webkit-appearance: textfield;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Responsive v2.0.
|
2
|
+
* Bootstrap Responsive v2.0.1
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -17,8 +17,8 @@
|
|
17
17
|
// -------------------------
|
18
18
|
// Required since we compile the responsive stuff separately
|
19
19
|
|
20
|
-
@import "variables.
|
21
|
-
@import "mixins.
|
20
|
+
@import "variables.scss"; // Modify this for custom colors, font-sizes, etc
|
21
|
+
@import "mixins.scss";
|
22
22
|
|
23
23
|
|
24
24
|
// RESPONSIVE CLASSES
|
@@ -56,7 +56,7 @@
|
|
56
56
|
.uneditable-input {
|
57
57
|
display: block;
|
58
58
|
width: 100%;
|
59
|
-
height: 28px; /* Make inputs at least the height of their button counterpart */
|
59
|
+
min-height: 28px; /* Make inputs at least the height of their button counterpart */
|
60
60
|
/* Makes inputs behave like true block-level elements */
|
61
61
|
-webkit-box-sizing: border-box; /* Older Webkit */
|
62
62
|
-moz-box-sizing: border-box; /* Older FF */
|
@@ -123,7 +123,7 @@
|
|
123
123
|
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
124
124
|
// --------------------------------------------------
|
125
125
|
|
126
|
-
@media (max-width:
|
126
|
+
@media (max-width: 767px) {
|
127
127
|
// GRID & CONTAINERS
|
128
128
|
// -----------------
|
129
129
|
// Remove width from containers
|
@@ -154,7 +154,7 @@
|
|
154
154
|
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
155
155
|
// ----------------------------------
|
156
156
|
|
157
|
-
@media (min-width: 768px) and (max-width:
|
157
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
158
158
|
|
159
159
|
// Fixed grid
|
160
160
|
@include generate(12, 42px, 20px);
|
@@ -171,7 +171,7 @@
|
|
171
171
|
|
172
172
|
// TABLETS AND BELOW
|
173
173
|
// -----------------
|
174
|
-
@media (max-width:
|
174
|
+
@media (max-width: 979px) {
|
175
175
|
|
176
176
|
// UNFIX THE TOPBAR
|
177
177
|
// ----------------
|
@@ -215,6 +215,10 @@
|
|
215
215
|
.navbar .nav > .divider-vertical {
|
216
216
|
display: none;
|
217
217
|
}
|
218
|
+
.navbar .nav .nav-header {
|
219
|
+
color: $navbarText;
|
220
|
+
text-shadow: none;
|
221
|
+
}
|
218
222
|
// Nav and dropdown links in navbar
|
219
223
|
.navbar .nav > li > a,
|
220
224
|
.navbar .dropdown-menu a {
|
@@ -9,24 +9,26 @@
|
|
9
9
|
// All icons receive the styles of the <i> tag with a base class
|
10
10
|
// of .i and are then given a unique class to add width, height,
|
11
11
|
// and background-position. Your resulting HTML will look like
|
12
|
-
// <i class="
|
12
|
+
// <i class="icon-inbox"></i>.
|
13
13
|
|
14
14
|
// For the white version of the icons, just add the .icon-white class:
|
15
|
-
// <i class="
|
15
|
+
// <i class="icon-inbox icon-white"></i>
|
16
16
|
|
17
|
-
[class^="icon-"]
|
17
|
+
[class^="icon-"],
|
18
|
+
[class*=" icon-"] {
|
18
19
|
display: inline-block;
|
19
20
|
width: 14px;
|
20
21
|
height: 14px;
|
22
|
+
line-height: 14px;
|
21
23
|
vertical-align: text-top;
|
22
|
-
background-image: url(
|
24
|
+
background-image: url($iconSpritePath);
|
23
25
|
background-position: 14px 14px;
|
24
26
|
background-repeat: no-repeat;
|
25
27
|
|
26
28
|
@extend .ie7-restore-right-whitespace;
|
27
29
|
}
|
28
30
|
.icon-white {
|
29
|
-
background-image: url(
|
31
|
+
background-image: url($iconWhiteSpritePath);
|
30
32
|
}
|
31
33
|
|
32
34
|
.icon-glass { background-position: 0 0; }
|
@@ -24,14 +24,15 @@ table {
|
|
24
24
|
padding: 8px;
|
25
25
|
line-height: $baseLineHeight;
|
26
26
|
text-align: left;
|
27
|
+
vertical-align: top;
|
27
28
|
border-top: 1px solid #ddd;
|
28
29
|
}
|
29
30
|
th {
|
30
31
|
font-weight: bold;
|
31
|
-
vertical-align: bottom;
|
32
32
|
}
|
33
|
-
|
34
|
-
|
33
|
+
// Bottom align for column headings
|
34
|
+
thead th {
|
35
|
+
vertical-align: bottom;
|
35
36
|
}
|
36
37
|
thead:first-child tr th,
|
37
38
|
thead:first-child tr td {
|
@@ -106,6 +107,16 @@ table {
|
|
106
107
|
}
|
107
108
|
}
|
108
109
|
|
110
|
+
// HOVER EFFECT
|
111
|
+
// ------------
|
112
|
+
// Placed here since it has to come after the potential zebra striping
|
113
|
+
.table {
|
114
|
+
tbody tr:hover td,
|
115
|
+
tbody tr:hover th {
|
116
|
+
background-color: #f5f5f5;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
109
120
|
// TABLE CELL SIZING
|
110
121
|
// -----------------
|
111
122
|
|
@@ -2,13 +2,13 @@
|
|
2
2
|
// ----------
|
3
3
|
|
4
4
|
.thumbnails {
|
5
|
-
margin-left:
|
5
|
+
margin-left: -$gridGutterWidth;
|
6
6
|
list-style: none;
|
7
7
|
@include clearfix;
|
8
8
|
}
|
9
9
|
.thumbnails > li {
|
10
10
|
float: left;
|
11
|
-
margin: 0 0 $baseLineHeight
|
11
|
+
margin: 0 0 $baseLineHeight $gridGutterWidth;
|
12
12
|
}
|
13
13
|
.thumbnail {
|
14
14
|
display: block;
|
@@ -108,7 +108,8 @@ ol {
|
|
108
108
|
li {
|
109
109
|
line-height: $baseLineHeight;
|
110
110
|
}
|
111
|
-
ul.unstyled
|
111
|
+
ul.unstyled,
|
112
|
+
ol.unstyled {
|
112
113
|
list-style: none;
|
113
114
|
margin-left: 0;
|
114
115
|
}
|
@@ -134,7 +135,7 @@ dl {
|
|
134
135
|
hr {
|
135
136
|
margin: $baseLineHeight 0;
|
136
137
|
border: 0;
|
137
|
-
border-top: 1px solid
|
138
|
+
border-top: 1px solid $hrBorder;
|
138
139
|
border-bottom: 1px solid $white;
|
139
140
|
}
|
140
141
|
|
@@ -25,51 +25,75 @@ $orange: #f89406;
|
|
25
25
|
$pink: #c3325f;
|
26
26
|
$purple: #7a43b6;
|
27
27
|
|
28
|
-
//
|
28
|
+
// Typography
|
29
29
|
$baseFontSize: 13px;
|
30
30
|
$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
31
31
|
$baseLineHeight: 18px;
|
32
32
|
$textColor: $grayDark;
|
33
33
|
|
34
|
+
// Buttons
|
34
35
|
$primaryButtonBackground: $linkColor;
|
35
36
|
|
36
|
-
|
37
|
-
|
38
|
-
$zindexTooltip: 1020;
|
39
|
-
$zindexFixedNavbar: 1030;
|
40
|
-
$zindexModalBackdrop: 1040;
|
41
|
-
$zindexModal: 1050;
|
37
|
+
// COMPONENT VARIABLES
|
38
|
+
// --------------------------------------------------
|
42
39
|
|
43
|
-
|
40
|
+
// Z-index master list
|
41
|
+
// Used for a bird's eye view of components dependent on the z-axis
|
42
|
+
// Try to avoid customizing these :)
|
43
|
+
$zindexDropdown: 1000;
|
44
|
+
$zindexPopover: 1010;
|
45
|
+
$zindexTooltip: 1020;
|
46
|
+
$zindexFixedNavbar: 1030;
|
47
|
+
$zindexModalBackdrop: 1040;
|
48
|
+
$zindexModal: 1050;
|
44
49
|
|
45
|
-
|
46
|
-
$
|
47
|
-
$
|
50
|
+
// Sprite icons path
|
51
|
+
$iconSpritePath: "../img/glyphicons-halflings.png";
|
52
|
+
$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
48
53
|
|
49
|
-
|
50
|
-
$
|
51
|
-
$navbarLinkColorHover: $white;
|
54
|
+
// Input placeholder text color
|
55
|
+
$placeholderText: $grayLight;
|
52
56
|
|
53
|
-
|
54
|
-
$
|
55
|
-
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
|
57
|
+
// Hr border color
|
58
|
+
$hrBorder: $grayLighter;
|
56
59
|
|
57
|
-
|
58
|
-
$
|
59
|
-
$
|
60
|
+
// Navbar
|
61
|
+
$navbarHeight: 40px;
|
62
|
+
$navbarBackground: $grayDarker;
|
63
|
+
$navbarBackgroundHighlight: $grayDark;
|
64
|
+
$navbarLinkBackgroundHover: transparent;
|
60
65
|
|
61
|
-
$
|
62
|
-
$
|
63
|
-
$
|
66
|
+
$navbarText: $grayLight;
|
67
|
+
$navbarLinkColor: $grayLight;
|
68
|
+
$navbarLinkColorHover: $white;
|
64
69
|
|
65
|
-
|
66
|
-
$
|
67
|
-
$
|
70
|
+
// Form states and alerts
|
71
|
+
$warningText: #c09853;
|
72
|
+
$warningBackground: #fcf8e3;
|
73
|
+
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
|
68
74
|
|
69
|
-
$
|
70
|
-
$
|
71
|
-
$
|
72
|
-
$gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1);
|
75
|
+
$errorText: #b94a48;
|
76
|
+
$errorBackground: #f2dede;
|
77
|
+
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
|
73
78
|
|
74
|
-
$
|
75
|
-
$
|
79
|
+
$successText: #468847;
|
80
|
+
$successBackground: #dff0d8;
|
81
|
+
$successBorder: darken(adjust-hue($successBackground, -10), 5%);
|
82
|
+
|
83
|
+
$infoText: #3a87ad;
|
84
|
+
$infoBackground: #d9edf7;
|
85
|
+
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
|
86
|
+
|
87
|
+
|
88
|
+
// GRID
|
89
|
+
// ------------------------------
|
90
|
+
|
91
|
+
// Default 940px grid
|
92
|
+
$gridColumns: 12;
|
93
|
+
$gridColumnWidth: 60px;
|
94
|
+
$gridGutterWidth: 20px;
|
95
|
+
$gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1);
|
96
|
+
|
97
|
+
// Fluid grid
|
98
|
+
$fluidGridColumnWidth: 6.382978723%;
|
99
|
+
$fluidGridGutterWidth: 2.127659574%;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sass-twitter-bootstrap-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.2
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-02-
|
12
|
+
date: 2012-02-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: railties
|
16
|
-
requirement: &
|
16
|
+
requirement: &70308309789040 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: '3.1'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70308309789040
|
25
25
|
description: This gem provides Twitter Bootstrap converted to Sass directly for you
|
26
26
|
Rails 3 application.
|
27
27
|
email:
|
@@ -110,7 +110,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
110
110
|
version: 1.3.6
|
111
111
|
requirements: []
|
112
112
|
rubyforge_project:
|
113
|
-
rubygems_version: 1.8.
|
113
|
+
rubygems_version: 1.8.16
|
114
114
|
signing_key:
|
115
115
|
specification_version: 3
|
116
116
|
summary: Use Twitter CSS toolkit Bootstrap with Rails and Sass
|