sass-twitter-bootstrap-rails 1.0.1 → 1.0.2
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.
- 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
|