sass-rails-bootstrap 2.2.1 → 2.2.2
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +2 -2
- data/lib/sass-rails-bootstrap/version.rb +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/affix.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +11 -2
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +15 -4
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +16 -3
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +14 -3
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +13 -2
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +12 -1
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +23 -10
- data/vendor/assets/stylesheets/twitter/_bootstrap-responsive.scss +11 -1
- data/vendor/assets/stylesheets/twitter/_bootstrap.scss +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +14 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +5 -5
- data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +27 -42
- data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +6 -9
- data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.sass +15 -15
- data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +9 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +5 -9
- data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +12 -8
- data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.sass +7 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +4 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +18 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +5 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +48 -36
- data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +69 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +28 -31
- data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +17 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +3 -3
- metadata +6 -6
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Responsive v2.2.
|
2
|
+
* Bootstrap Responsive v2.2.2
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -11,10 +11,20 @@
|
|
11
11
|
// NOTE: This file's format has to be SCSS rather than SASS because of an apparent bug
|
12
12
|
// with variable visibility when importing.
|
13
13
|
|
14
|
+
|
14
15
|
// For phone and tablet devices
|
15
16
|
// -------------------------------------------------------------
|
16
17
|
|
17
18
|
|
19
|
+
// IE10 Metro responsive
|
20
|
+
// Required for Windows 8 Metro split-screen snapping with IE10
|
21
|
+
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
22
|
+
|
23
|
+
@-ms-viewport {
|
24
|
+
width: device-width;
|
25
|
+
}
|
26
|
+
|
27
|
+
|
18
28
|
// RESPONSIVE CLASSES
|
19
29
|
// ------------------
|
20
30
|
|
@@ -13,6 +13,10 @@
|
|
13
13
|
background-color: $warningBackground
|
14
14
|
border: 1px solid $warningBorder
|
15
15
|
+border-radius($baseBorderRadius)
|
16
|
+
|
17
|
+
.alert,
|
18
|
+
.alert h4
|
19
|
+
// Specified for the h4 to prevent conflicts of changing @headingsColor
|
16
20
|
color: $warningText
|
17
21
|
|
18
22
|
.alert h4
|
@@ -33,6 +37,9 @@
|
|
33
37
|
background-color: $successBackground
|
34
38
|
border-color: $successBorder
|
35
39
|
color: $successText
|
40
|
+
|
41
|
+
.alert-success h4
|
42
|
+
color: $successText
|
36
43
|
|
37
44
|
.alert-danger,
|
38
45
|
.alert-error
|
@@ -40,11 +47,18 @@
|
|
40
47
|
border-color: $errorBorder
|
41
48
|
color: $errorText
|
42
49
|
|
50
|
+
.alert-danger h4,
|
51
|
+
.alert-error h4
|
52
|
+
color: $errorText
|
53
|
+
|
43
54
|
.alert-info
|
44
55
|
background-color: $infoBackground
|
45
56
|
border-color: $infoBorder
|
46
57
|
color: $infoText
|
47
58
|
|
59
|
+
.alert-info h4
|
60
|
+
color: $infoText
|
61
|
+
|
48
62
|
|
49
63
|
// Block alerts
|
50
64
|
// -------------------------
|
@@ -9,12 +9,12 @@
|
|
9
9
|
list-style: none
|
10
10
|
background-color: #f5f5f5
|
11
11
|
+border-radius($baseBorderRadius)
|
12
|
-
li
|
12
|
+
> li
|
13
13
|
display: inline-block
|
14
14
|
+ie7-inline-block
|
15
15
|
text-shadow: 0 1px 0 $white
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
.active
|
16
|
+
> .divider
|
17
|
+
padding: 0 5px
|
18
|
+
color: #ccc
|
19
|
+
> .active
|
20
20
|
color: $grayLight
|
@@ -22,9 +22,9 @@
|
|
22
22
|
font-size: 0 // Hack to remove whitespace that results from using inline-block
|
23
23
|
margin-top: $baseLineHeight / 2
|
24
24
|
margin-bottom: $baseLineHeight / 2
|
25
|
-
.btn + .btn,
|
26
|
-
.btn-group + .btn,
|
27
|
-
.btn + .btn-group
|
25
|
+
> .btn + .btn,
|
26
|
+
> .btn-group + .btn,
|
27
|
+
> .btn + .btn-group
|
28
28
|
margin-left: 5px
|
29
29
|
|
30
30
|
// Float them, remove border radius, then re-add to first and last elements
|
@@ -36,56 +36,41 @@
|
|
36
36
|
margin-left: -1px
|
37
37
|
|
38
38
|
.btn-group > .btn,
|
39
|
-
.btn-group > .dropdown-menu
|
39
|
+
.btn-group > .dropdown-menu,
|
40
|
+
.btn-group > .popover
|
40
41
|
font-size: $baseFontSize // redeclare as part 2 of font-size inline-block hack
|
41
42
|
|
42
43
|
// Reset fonts for other sizes
|
43
44
|
.btn-group > .btn-mini
|
44
|
-
font-size:
|
45
|
+
font-size: $fontSizeMini
|
45
46
|
.btn-group > .btn-small
|
46
|
-
font-size:
|
47
|
+
font-size: $fontSizeSmall
|
47
48
|
|
48
49
|
.btn-group > .btn-large
|
49
|
-
font-size:
|
50
|
+
font-size: $fontSizeLarge
|
50
51
|
|
51
52
|
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
52
53
|
.btn-group > .btn:first-child
|
53
54
|
margin-left: 0
|
54
|
-
|
55
|
-
-
|
56
|
-
border-top-left-radius: 4px
|
57
|
-
-webkit-border-bottom-left-radius: 4px
|
58
|
-
-moz-border-radius-bottomleft: 4px
|
59
|
-
border-bottom-left-radius: 4px
|
55
|
+
+border-top-left-radius($baseBorderRadius)
|
56
|
+
+border-bottom-left-radius($baseBorderRadius)
|
60
57
|
|
61
58
|
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
62
59
|
.btn-group > .btn:last-child,
|
63
60
|
.btn-group > .dropdown-toggle
|
64
|
-
|
65
|
-
-
|
66
|
-
border-top-right-radius: 4px
|
67
|
-
-webkit-border-bottom-right-radius: 4px
|
68
|
-
-moz-border-radius-bottomright: 4px
|
69
|
-
border-bottom-right-radius: 4px
|
61
|
+
+border-top-left-radius($baseBorderRadius)
|
62
|
+
+border-bottom-left-radius($baseBorderRadius)
|
70
63
|
|
71
64
|
// Reset corners for large buttons
|
72
65
|
.btn-group > .btn.large:first-child
|
73
66
|
margin-left: 0
|
74
|
-
|
75
|
-
-
|
76
|
-
border-top-left-radius: 6px
|
77
|
-
-webkit-border-bottom-left-radius: 6px
|
78
|
-
-moz-border-radius-bottomleft: 6px
|
79
|
-
border-bottom-left-radius: 6px
|
67
|
+
+border-top-left-radius($borderRadiusLarge)
|
68
|
+
+border-bottom-left-radius($borderRadiusLarge)
|
80
69
|
|
81
70
|
.btn-group > .btn.large:last-child,
|
82
71
|
.btn-group > .large.dropdown-toggle
|
83
|
-
|
84
|
-
-
|
85
|
-
border-top-right-radius: 6px
|
86
|
-
-webkit-border-bottom-right-radius: 6px
|
87
|
-
-moz-border-radius-bottomright: 6px
|
88
|
-
border-bottom-right-radius: 6px
|
72
|
+
+border-top-left-radius($borderRadiusLarge)
|
73
|
+
+border-bottom-left-radius($borderRadiusLarge)
|
89
74
|
|
90
75
|
// On hover/focus/active, bring the proper btn to front
|
91
76
|
.btn-group > .btn:hover,
|
@@ -200,24 +185,24 @@
|
|
200
185
|
display: inline-block // makes buttons only take up the width they need
|
201
186
|
+ie7-inline-block
|
202
187
|
|
203
|
-
.btn-group-vertical .btn
|
188
|
+
.btn-group-vertical > .btn
|
204
189
|
display: block
|
205
190
|
float: none
|
206
|
-
width: 100%
|
191
|
+
max-width: 100%
|
207
192
|
+border-radius(0)
|
208
193
|
|
209
|
-
.btn-group-vertical .btn + .btn
|
194
|
+
.btn-group-vertical > .btn + .btn
|
210
195
|
margin-left: 0
|
211
196
|
margin-top: -1px
|
212
197
|
|
213
|
-
.btn-group-vertical .btn:first-child
|
214
|
-
+border-radius(
|
198
|
+
.btn-group-vertical > .btn:first-child
|
199
|
+
+border-radius($baseBorderRadius $baseBorderRadius 0 0)
|
215
200
|
|
216
|
-
.btn-group-vertical .btn:last-child
|
217
|
-
+border-radius(0 0
|
201
|
+
.btn-group-vertical > .btn:last-child
|
202
|
+
+border-radius(0 0 $baseBorderRadius $baseBorderRadius)
|
218
203
|
|
219
|
-
.btn-group-vertical .btn-large:first-child
|
220
|
-
+border-radius(
|
204
|
+
.btn-group-vertical > .btn-large:first-child
|
205
|
+
+border-radius($borderRadiusLarge $borderRadiusLarge 0 0)
|
221
206
|
|
222
|
-
.btn-group-vertical .btn-large:last-child
|
223
|
-
+border-radius(0 0
|
207
|
+
.btn-group-vertical > .btn-large:last-child
|
208
|
+
+border-radius(0 0 $borderRadiusLarge $borderRadiusLarge)
|
@@ -12,9 +12,8 @@
|
|
12
12
|
+ie7-inline-block
|
13
13
|
padding: 4px 12px
|
14
14
|
margin-bottom: 0 // For input.btn
|
15
|
-
font-size:
|
16
|
-
line-height:
|
17
|
-
*line-height: 20px
|
15
|
+
font-size: $baseFontSize
|
16
|
+
line-height: $baseLineHeight
|
18
17
|
text-align: center
|
19
18
|
vertical-align: middle
|
20
19
|
cursor: pointer
|
@@ -31,8 +30,6 @@
|
|
31
30
|
&:hover
|
32
31
|
color: $grayDark
|
33
32
|
text-decoration: none
|
34
|
-
background-color: darken($white, 10%)
|
35
|
-
*background-color: darken($white, 15%) /* Buttons in IE7 don't get borders, so darken on hover */
|
36
33
|
background-position: 0 -15px
|
37
34
|
// transition is only when going to hover, otherwise the background
|
38
35
|
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
@@ -45,8 +42,6 @@
|
|
45
42
|
// Active state
|
46
43
|
&.active,
|
47
44
|
&:active
|
48
|
-
background-color: darken($white, 10%)
|
49
|
-
background-color: darken($white, 15%) #{"\9"}
|
50
45
|
background-image: none
|
51
46
|
outline: 0
|
52
47
|
$shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.05)
|
@@ -56,7 +51,6 @@
|
|
56
51
|
&.disabled,
|
57
52
|
&[disabled]
|
58
53
|
cursor: default
|
59
|
-
background-color: darken($white, 10%)
|
60
54
|
background-image: none
|
61
55
|
+opacity(65)
|
62
56
|
+box-shadow(none)
|
@@ -71,7 +65,7 @@
|
|
71
65
|
+border-radius($borderRadiusLarge)
|
72
66
|
.btn-large [class^="icon-"],
|
73
67
|
.btn-large [class*=" icon-"]
|
74
|
-
margin-top:
|
68
|
+
margin-top: 4px
|
75
69
|
|
76
70
|
// Small
|
77
71
|
.btn-small
|
@@ -81,6 +75,9 @@
|
|
81
75
|
.btn-small [class^="icon-"],
|
82
76
|
.btn-small [class*=" icon-"]
|
83
77
|
margin-top: 0
|
78
|
+
.btn-mini [class^="icon-"],
|
79
|
+
.btn-mini [class*=" icon-"]
|
80
|
+
margin-top: -1px
|
84
81
|
|
85
82
|
// Mini
|
86
83
|
.btn-mini
|
@@ -13,42 +13,42 @@
|
|
13
13
|
width: 100%
|
14
14
|
position: relative
|
15
15
|
|
16
|
-
.carousel
|
17
|
-
.item
|
16
|
+
.carousel-inner
|
17
|
+
> .item
|
18
18
|
display: none
|
19
19
|
position: relative
|
20
20
|
+transition(.6s ease-in-out left)
|
21
21
|
|
22
22
|
// Account for jankitude on images
|
23
|
-
.item > img
|
23
|
+
> .item > img
|
24
24
|
display: block
|
25
25
|
line-height: 1
|
26
26
|
|
27
|
-
.active,
|
28
|
-
.next,
|
29
|
-
.prev
|
27
|
+
> .active,
|
28
|
+
> .next,
|
29
|
+
> .prev
|
30
30
|
display: block
|
31
31
|
|
32
|
-
.active
|
32
|
+
> .active
|
33
33
|
left: 0
|
34
34
|
|
35
|
-
.next,
|
36
|
-
.prev
|
35
|
+
> .next,
|
36
|
+
> .prev
|
37
37
|
position: absolute
|
38
38
|
top: 0
|
39
39
|
width: 100%
|
40
40
|
|
41
|
-
.next
|
41
|
+
> .next
|
42
42
|
left: 100%
|
43
|
-
.prev
|
43
|
+
> .prev
|
44
44
|
left: -100%
|
45
|
-
.next.left,
|
46
|
-
.prev.right
|
45
|
+
> .next.left,
|
46
|
+
> .prev.right
|
47
47
|
left: 0
|
48
48
|
|
49
|
-
.active.left
|
49
|
+
> .active.left
|
50
50
|
left: -100%
|
51
|
-
.active.right
|
51
|
+
> .active.right
|
52
52
|
left: 100%
|
53
53
|
|
54
54
|
|
@@ -18,6 +18,7 @@ code
|
|
18
18
|
color: #d14
|
19
19
|
background-color: #f7f7f9
|
20
20
|
border: 1px solid #e1e1e8
|
21
|
+
white-space: nowrap
|
21
22
|
|
22
23
|
// Blocks of code
|
23
24
|
pre
|
@@ -32,8 +33,8 @@ pre
|
|
32
33
|
white-space: pre-wrap
|
33
34
|
background-color: #f5f5f5
|
34
35
|
border: 1px solid #ccc // fallback for IE7-8
|
35
|
-
border: 1px solid rgba(0,
|
36
|
-
|
36
|
+
border: 1px solid rgba(0,0,0,.15)
|
37
|
+
.border-radius($baseBorderRadius)
|
37
38
|
|
38
39
|
// Make prettyprint styles more spaced out for readability
|
39
40
|
&.prettyprint
|
@@ -42,8 +43,13 @@ pre
|
|
42
43
|
// Account for some code outputs that place code tags in pre tags
|
43
44
|
code
|
44
45
|
padding: 0
|
46
|
+
color: inherit
|
47
|
+
white-space: pre
|
48
|
+
white-space: pre-wrap
|
45
49
|
background-color: transparent
|
46
|
-
|
50
|
+
border: 0
|
51
|
+
|
52
|
+
|
47
53
|
// Enable scrollable blocks of code
|
48
54
|
.pre-scrollable
|
49
55
|
max-height: 340px
|
@@ -107,6 +107,7 @@
|
|
107
107
|
text-decoration: none
|
108
108
|
background-color: transparent
|
109
109
|
background-image: none // Remove CSS gradient
|
110
|
+
+reset-filter
|
110
111
|
cursor: default
|
111
112
|
|
112
113
|
// Open state for the dropdown
|
@@ -152,9 +153,7 @@
|
|
152
153
|
left: 100%
|
153
154
|
margin-top: -6px
|
154
155
|
margin-left: -1px
|
155
|
-
|
156
|
-
-moz-border-radius: 0 6px 6px 6px
|
157
|
-
border-radius: 0 6px 6px 6px
|
156
|
+
+border-radius(0 6px 6px 6px)
|
158
157
|
|
159
158
|
.dropdown-submenu:hover > .dropdown-menu
|
160
159
|
display: block
|
@@ -165,9 +164,7 @@
|
|
165
164
|
bottom: 0
|
166
165
|
margin-top: 0
|
167
166
|
margin-bottom: -2px
|
168
|
-
|
169
|
-
-moz-border-radius: 5px 5px 5px 0
|
170
|
-
border-radius: 5px 5px 5px 0
|
167
|
+
+border-radius(5px 5px 5px 0)
|
171
168
|
|
172
169
|
// Caret to indicate there is a submenu
|
173
170
|
.dropdown-submenu > a:after
|
@@ -196,9 +193,7 @@
|
|
196
193
|
> .dropdown-menu
|
197
194
|
left: -100%
|
198
195
|
margin-left: 10px
|
199
|
-
|
200
|
-
-moz-border-radius: 6px 0 6px 6px
|
201
|
-
border-radius: 6px 0 6px 6px
|
196
|
+
+border-radius(6px 0 6px 6px)
|
202
197
|
|
203
198
|
|
204
199
|
// Tweak nav headers
|
@@ -212,5 +207,6 @@
|
|
212
207
|
// Typeahead
|
213
208
|
// ---------
|
214
209
|
.typeahead
|
210
|
+
z-index: 1051
|
215
211
|
margin-top: 2px // give it some space to breathe
|
216
212
|
+border-radius($baseBorderRadius)
|
@@ -128,7 +128,6 @@ input[type="checkbox"]
|
|
128
128
|
*margin-top: 0 /* IE7 */
|
129
129
|
margin-top: 1px \9 /* IE8-9 */
|
130
130
|
line-height: normal
|
131
|
-
cursor: pointer
|
132
131
|
|
133
132
|
// Reset width of input buttons, radios, checkboxes
|
134
133
|
input[type="file"],
|
@@ -334,9 +333,9 @@ input[type="checkbox"][readonly]
|
|
334
333
|
|
335
334
|
// HTML5 invalid states
|
336
335
|
// Shares styles with the .control-group.error above
|
337
|
-
input:focus:
|
338
|
-
textarea:focus:
|
339
|
-
select:focus:
|
336
|
+
input:focus:invalid,
|
337
|
+
textarea:focus:invalid,
|
338
|
+
select:focus:invalid
|
340
339
|
color: #b94a48
|
341
340
|
border-color: #ee5f5b
|
342
341
|
&:focus
|
@@ -420,7 +419,8 @@ select:focus:required:invalid
|
|
420
419
|
background-color: $grayLighter
|
421
420
|
border: 1px solid #ccc
|
422
421
|
.add-on,
|
423
|
-
.btn
|
422
|
+
.btn,
|
423
|
+
.btn-group > .dropdown-toggle
|
424
424
|
vertical-align: top
|
425
425
|
+border-radius(0)
|
426
426
|
.active
|
@@ -441,14 +441,15 @@ select:focus:required:invalid
|
|
441
441
|
select,
|
442
442
|
.uneditable-input
|
443
443
|
+border-radius($inputBorderRadius 0 0 $inputBorderRadius)
|
444
|
-
+ .btn-group .btn
|
444
|
+
+ .btn-group .btn:last-child
|
445
445
|
+border-radius(0 $inputBorderRadius $inputBorderRadius 0)
|
446
446
|
.add-on,
|
447
447
|
.btn,
|
448
448
|
.btn-group
|
449
449
|
margin-left: -1px
|
450
450
|
.add-on:last-child,
|
451
|
-
.btn:last-child
|
451
|
+
.btn:last-child,
|
452
|
+
.btn-group:last-child > .dropdown-toggle
|
452
453
|
+border-radius(0 $inputBorderRadius $inputBorderRadius 0)
|
453
454
|
|
454
455
|
// Remove all border-radius for inputs with both prepend and append
|
@@ -593,7 +594,10 @@ legend + .control-group
|
|
593
594
|
// And apply it only to .help-block instances that follow a form control
|
594
595
|
input,
|
595
596
|
select,
|
596
|
-
textarea
|
597
|
+
textarea,
|
598
|
+
.uneditable-input,
|
599
|
+
.input-prepend,
|
600
|
+
.input-append
|
597
601
|
+ .help-block
|
598
602
|
margin-top: $baseLineHeight / 2
|
599
603
|
// Move over buttons in .form-actions to align with .controls
|