sass-rails-bootstrap 2.2.1 → 2.2.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/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
|