sass-rails-bootstrap 2.1.1 → 2.2.1
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 +4 -2
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +2 -4
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +5 -7
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +12 -12
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +9 -11
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +9 -11
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +20 -25
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +5 -7
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +12 -11
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +5 -5
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +19 -9
- data/vendor/assets/stylesheets/twitter/_bootstrap-responsive.scss +1 -1
- data/vendor/assets/stylesheets/twitter/_bootstrap.scss +2 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +3 -5
- data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +17 -16
- data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +33 -6
- data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +35 -12
- data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +6 -5
- data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.sass +4 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_media.sass +54 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +6 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +6 -13
- data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +4 -6
- data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +3 -2
- data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +10 -9
- data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +60 -11
- data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +3 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +5 -4
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass +18 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.sass +9 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +3 -3
- data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +20 -41
- data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +1 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +31 -26
- data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +20 -1
- data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +4 -3
- metadata +10 -19
@@ -53,6 +53,7 @@
|
|
53
53
|
|
54
54
|
// Make all grid-sized elements block level again
|
55
55
|
[class*="span"],
|
56
|
+
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
|
56
57
|
.row-fluid [class*="span"]
|
57
58
|
float: none
|
58
59
|
display: block
|
@@ -63,6 +64,8 @@
|
|
63
64
|
.row-fluid .span12
|
64
65
|
width: 100%
|
65
66
|
+box-sizing(border-box)
|
67
|
+
.row-fluid [class*="offset"]:first-child
|
68
|
+
margin-left: 0
|
66
69
|
|
67
70
|
// FORM FIELDS
|
68
71
|
// -----------
|
@@ -96,8 +99,10 @@
|
|
96
99
|
right: 20px
|
97
100
|
width: auto
|
98
101
|
margin: 0
|
102
|
+
&.fade
|
103
|
+
top: -100px
|
99
104
|
&.fade.in
|
100
|
-
top:
|
105
|
+
top: 20px
|
101
106
|
|
102
107
|
|
103
108
|
|
@@ -140,6 +145,18 @@
|
|
140
145
|
padding-left: 10px
|
141
146
|
padding-right: 10px
|
142
147
|
|
148
|
+
// Medias
|
149
|
+
// Reset float and spacing to stack
|
150
|
+
.media .pull-left,
|
151
|
+
.media .pull-right
|
152
|
+
float: none
|
153
|
+
display: block
|
154
|
+
margin-bottom: 10px
|
155
|
+
// Remove side margins since we stack instead of indent
|
156
|
+
.media-object
|
157
|
+
margin-right: 0
|
158
|
+
margin-left: 0
|
159
|
+
|
143
160
|
// Modals
|
144
161
|
.modal
|
145
162
|
top: 10px
|
@@ -73,7 +73,7 @@
|
|
73
73
|
.nav-collapse .btn
|
74
74
|
padding: 4px 10px 4px
|
75
75
|
font-weight: normal
|
76
|
-
+border-radius(
|
76
|
+
+border-radius($baseBorderRadius)
|
77
77
|
.nav-collapse .dropdown-menu li + li a
|
78
78
|
margin-bottom: 2px
|
79
79
|
|
@@ -81,6 +81,10 @@
|
|
81
81
|
.nav-collapse .dropdown-menu a:hover
|
82
82
|
background-color: $navbarBackground
|
83
83
|
|
84
|
+
.navbar-inverse .nav-collapse .nav > li > a,
|
85
|
+
.navbar-inverse .nav-collapse .dropdown-menu a
|
86
|
+
color: $navbarInverseLinkColor
|
87
|
+
|
84
88
|
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
85
89
|
.navbar-inverse .nav-collapse .dropdown-menu a:hover
|
86
90
|
background-color: $navbarInverseBackground
|
@@ -96,7 +100,7 @@
|
|
96
100
|
top: auto
|
97
101
|
left: auto
|
98
102
|
float: none
|
99
|
-
display:
|
103
|
+
display: none
|
100
104
|
max-width: none
|
101
105
|
margin: 0 15px
|
102
106
|
padding: 0
|
@@ -104,6 +108,8 @@
|
|
104
108
|
border: none
|
105
109
|
+border-radius(0)
|
106
110
|
+box-shadow(none)
|
111
|
+
.nav-collapse .open > .dropdown-menu
|
112
|
+
display: block
|
107
113
|
|
108
114
|
.nav-collapse .dropdown-menu:before,
|
109
115
|
.nav-collapse .dropdown-menu:after
|
@@ -158,7 +164,7 @@
|
|
158
164
|
// DEFAULT DESKTOP
|
159
165
|
// ---------------
|
160
166
|
|
161
|
-
@media (min-width:
|
167
|
+
@media (min-width: $navbarCollapseDesktopWidth)
|
162
168
|
// Required to make the collapsing navbar work on regular desktops
|
163
169
|
.nav-collapse.collapse
|
164
170
|
height: auto !important
|
@@ -28,8 +28,6 @@
|
|
28
28
|
|
29
29
|
// White icons with optional class, or on hover/active states of certain elements
|
30
30
|
.icon-white,
|
31
|
-
.nav-tabs > .active > a > [class^="icon-"],
|
32
|
-
.nav-tabs > .active > a > [class*=" icon-"],
|
33
31
|
.nav-pills > .active > a > [class^="icon-"],
|
34
32
|
.nav-pills > .active > a > [class*=" icon-"],
|
35
33
|
.nav-list > .active > a > [class^="icon-"],
|
@@ -39,7 +37,9 @@
|
|
39
37
|
.dropdown-menu > li > a:hover > [class^="icon-"],
|
40
38
|
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
41
39
|
.dropdown-menu > .active > a > [class^="icon-"],
|
42
|
-
.dropdown-menu > .active > a > [class*=" icon-"]
|
40
|
+
.dropdown-menu > .active > a > [class*=" icon-"],
|
41
|
+
.dropdown-submenu:hover > a > [class^="icon-"],
|
42
|
+
.dropdown-submenu:hover > a > [class*=" icon-"]
|
43
43
|
background-image: image-url($iconWhiteSpritePath)
|
44
44
|
|
45
45
|
.icon-glass
|
@@ -62,7 +62,7 @@ table
|
|
62
62
|
border-collapse: separate // Done so we can round those corners!
|
63
63
|
*border-collapse: collapse // IE7 can't round corners anyway
|
64
64
|
border-left: 0
|
65
|
-
+border-radius(
|
65
|
+
+border-radius($baseBorderRadius)
|
66
66
|
th,
|
67
67
|
td
|
68
68
|
border-left: 1px solid $tableBorder
|
@@ -116,7 +116,7 @@ table
|
|
116
116
|
colgroup + tbody tr:first-child td:last-child
|
117
117
|
-webkit-border-top-right-radius: 4px
|
118
118
|
border-top-right-radius: 4px
|
119
|
-
-moz-border-radius-
|
119
|
+
-moz-border-radius-topright: 4px
|
120
120
|
|
121
121
|
|
122
122
|
// ZEBRA-STRIPING
|
@@ -144,62 +144,41 @@ table
|
|
144
144
|
// -----------------
|
145
145
|
|
146
146
|
// Reset default grid behavior
|
147
|
-
table [class*=span],
|
148
|
-
|
147
|
+
table td[class*="span"],
|
148
|
+
table th[class*="span"],
|
149
|
+
.row-fluid table td[class*="span"],
|
150
|
+
.row-fluid table th[class*="span"]
|
149
151
|
display: table-cell
|
150
152
|
float: none // undo default grid column styles
|
151
153
|
margin-left: 0 // undo default grid column styles
|
152
154
|
|
153
155
|
// Change the column widths to account for td/th padding
|
154
|
-
.table
|
155
|
-
|
156
|
+
.table td,
|
157
|
+
.table th
|
158
|
+
&.span1
|
156
159
|
+table-columns(1)
|
157
|
-
|
160
|
+
&.span2
|
158
161
|
+table-columns(2)
|
159
|
-
|
162
|
+
&.span3
|
160
163
|
+table-columns(3)
|
161
|
-
|
164
|
+
&.span4
|
162
165
|
+table-columns(4)
|
163
|
-
|
166
|
+
&.span5
|
164
167
|
+table-columns(5)
|
165
|
-
|
168
|
+
&.span6
|
166
169
|
+table-columns(6)
|
167
|
-
|
170
|
+
&.span7
|
168
171
|
+table-columns(7)
|
169
|
-
|
172
|
+
&.span8
|
170
173
|
+table-columns(8)
|
171
|
-
|
174
|
+
&.span9
|
172
175
|
+table-columns(9)
|
173
|
-
|
176
|
+
&.span10
|
174
177
|
+table-columns(10)
|
175
|
-
|
178
|
+
&.span11
|
176
179
|
+table-columns(11)
|
177
|
-
|
180
|
+
&.span12
|
178
181
|
+table-columns(12)
|
179
|
-
.span13
|
180
|
-
+table-columns(13)
|
181
|
-
.span14
|
182
|
-
+table-columns(14)
|
183
|
-
.span15
|
184
|
-
+table-columns(15)
|
185
|
-
.span16
|
186
|
-
+table-columns(16)
|
187
|
-
.span17
|
188
|
-
+table-columns(17)
|
189
|
-
.span18
|
190
|
-
+table-columns(18)
|
191
|
-
.span19
|
192
|
-
+table-columns(19)
|
193
|
-
.span20
|
194
|
-
+table-columns(20)
|
195
|
-
.span21
|
196
|
-
+table-columns(21)
|
197
|
-
.span22
|
198
|
-
+table-columns(22)
|
199
|
-
.span23
|
200
|
-
+table-columns(23)
|
201
|
-
.span24
|
202
|
-
+table-columns(24)
|
203
182
|
|
204
183
|
|
205
184
|
// TABLE BACKGROUNDS
|
@@ -34,14 +34,26 @@ cite
|
|
34
34
|
// Utility classes
|
35
35
|
.muted
|
36
36
|
color: $grayLight
|
37
|
+
|
37
38
|
.text-warning
|
38
39
|
color: $warningText
|
40
|
+
a.text-warning:hover
|
41
|
+
color: darken($warningText, 10%)
|
42
|
+
|
39
43
|
.text-error
|
40
44
|
color: $errorText
|
45
|
+
a.text-error:hover
|
46
|
+
color: darken($errorText, 10%)
|
47
|
+
|
41
48
|
.text-info
|
42
49
|
color: $infoText
|
50
|
+
a.text-info:hover
|
51
|
+
color: darken($infoText, 10%)
|
52
|
+
|
43
53
|
.text-success
|
44
54
|
color: $successText
|
55
|
+
a.text-success:hover
|
56
|
+
color: darken($successText, 10%)
|
45
57
|
|
46
58
|
|
47
59
|
// Headings
|
@@ -55,44 +67,35 @@ h1, h2, h3, h4, h5, h6
|
|
55
67
|
text-rendering: optimizelegibility // Fix the character spacing for headings
|
56
68
|
small
|
57
69
|
font-weight: normal
|
58
|
-
line-height:
|
70
|
+
line-height: $baseLineHeight
|
59
71
|
color: $grayLight
|
60
72
|
|
61
|
-
h1
|
62
|
-
|
63
|
-
|
73
|
+
h1,
|
74
|
+
h2,
|
75
|
+
h3
|
76
|
+
line-height: $baseLineHeight * 2
|
64
77
|
|
78
|
+
h1
|
79
|
+
font-size: $baseFontSize * 2.75 // ~38px
|
65
80
|
h2
|
66
|
-
font-size:
|
67
|
-
line-height: 40px
|
68
|
-
|
81
|
+
font-size: $baseFontSize * 2.25 // ~32px
|
69
82
|
h3
|
70
|
-
font-size: 24px
|
71
|
-
line-height: 40px
|
72
|
-
|
83
|
+
font-size: $baseFontSize * 1.75 // ~24px
|
73
84
|
h4
|
74
|
-
font-size: 18px
|
75
|
-
line-height: 20px
|
76
|
-
|
85
|
+
font-size: $baseFontSize * 1.25 // ~18px
|
77
86
|
h5
|
78
|
-
font-size:
|
79
|
-
line-height: 20px
|
80
|
-
|
87
|
+
font-size: $baseFontSize
|
81
88
|
h6
|
82
|
-
font-size: 12px
|
83
|
-
line-height: 20px
|
89
|
+
font-size: $baseFontSize * 0.85 // ~12px
|
84
90
|
|
85
91
|
h1 small
|
86
|
-
font-size: 24px
|
87
|
-
|
92
|
+
font-size: $baseFontSize * 1.75 // ~24px
|
88
93
|
h2 small
|
89
|
-
font-size: 18px
|
90
|
-
|
94
|
+
font-size: $baseFontSize * 1.25 // ~18px
|
91
95
|
h3 small
|
92
|
-
font-size:
|
93
|
-
|
96
|
+
font-size: $baseFontSize
|
94
97
|
h4 small
|
95
|
-
font-size:
|
98
|
+
font-size: $baseFontSize
|
96
99
|
|
97
100
|
|
98
101
|
// Page header
|
@@ -166,7 +169,9 @@ hr
|
|
166
169
|
border-bottom: 1px solid $white
|
167
170
|
|
168
171
|
// Abbreviations and acronyms
|
169
|
-
abbr[title]
|
172
|
+
abbr[title],
|
173
|
+
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
|
174
|
+
abbr[data-original-title]
|
170
175
|
cursor: help
|
171
176
|
border-bottom: 1px dotted $grayLight
|
172
177
|
abbr.initialism
|
@@ -58,6 +58,23 @@ $headingsFontWeight: bold // instead of browser default, bold
|
|
58
58
|
$headingsColor: inherit // empty to use BS default, $textColor
|
59
59
|
|
60
60
|
|
61
|
+
// Component sizing
|
62
|
+
// -------------------------
|
63
|
+
// Based on 14px font-size and 20px line-height
|
64
|
+
|
65
|
+
$fontSizeLarge: $baseFontSize * 1.25 // ~18px
|
66
|
+
$fontSizeSmall: $baseFontSize * 0.85 // ~12px
|
67
|
+
$fontSizeMini: $baseFontSize * 0.75 // ~11px
|
68
|
+
|
69
|
+
$paddingLarge: 11px 19px // 44px
|
70
|
+
$paddingSmall: 2px 10px // 26px
|
71
|
+
$paddingMini: 1px 6px // 24px
|
72
|
+
|
73
|
+
$baseBorderRadius: 4px
|
74
|
+
$borderRadiusLarge: 6px
|
75
|
+
$borderRadiusSmall: 3px
|
76
|
+
|
77
|
+
|
61
78
|
// Tables
|
62
79
|
// -------------------------
|
63
80
|
$tableBackground: transparent // overall background-color
|
@@ -95,9 +112,10 @@ $btnInverseBackgroundHighlight: $grayDarker
|
|
95
112
|
// -------------------------
|
96
113
|
$inputBackground: $white
|
97
114
|
$inputBorder: #ccc
|
98
|
-
$inputBorderRadius:
|
115
|
+
$inputBorderRadius: $baseBorderRadius
|
99
116
|
$inputDisabledBackground: $grayLighter
|
100
117
|
$formActionsBackground: #f5f5f5
|
118
|
+
$inputHeight: $baseLineHeight + 10px // base line-height + 8px vertical padding + 2px top/bottom border
|
101
119
|
|
102
120
|
|
103
121
|
// Dropdowns
|
@@ -160,6 +178,7 @@ $wellBackground: #f5f5f5
|
|
160
178
|
// Navbar
|
161
179
|
// -------------------------
|
162
180
|
$navbarCollapseWidth: 979px
|
181
|
+
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1
|
163
182
|
|
164
183
|
$navbarHeight: 40px
|
165
184
|
$navbarBackgroundHighlight: #ffffff
|
@@ -9,7 +9,7 @@
|
|
9
9
|
margin-bottom: 20px
|
10
10
|
background-color: $wellBackground
|
11
11
|
border: 1px solid darken($wellBackground, 7%)
|
12
|
-
+border-radius(
|
12
|
+
+border-radius($baseBorderRadius)
|
13
13
|
+box-shadow(inset 0 1px 1px rgba(0,0,0,.05))
|
14
14
|
blockquote
|
15
15
|
border-color: #ddd
|
@@ -18,7 +18,8 @@
|
|
18
18
|
// Sizes
|
19
19
|
.well-large
|
20
20
|
padding: 24px
|
21
|
-
+border-radius(
|
21
|
+
+border-radius($borderRadiusLarge)
|
22
|
+
|
22
23
|
.well-small
|
23
24
|
padding: 9px
|
24
|
-
+border-radius(
|
25
|
+
+border-radius($borderRadiusSmall)
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sass-rails-bootstrap
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.2.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,40 +9,30 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-09
|
12
|
+
date: 2012-12-09 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: rails
|
16
|
-
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirement: &67935950 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
|
-
- -
|
19
|
+
- - ! '>='
|
20
20
|
- !ruby/object:Gem::Version
|
21
21
|
version: '3.1'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements:
|
25
|
-
none: false
|
26
|
-
requirements:
|
27
|
-
- - ~>
|
28
|
-
- !ruby/object:Gem::Version
|
29
|
-
version: '3.1'
|
24
|
+
version_requirements: *67935950
|
30
25
|
- !ruby/object:Gem::Dependency
|
31
26
|
name: sass-rails
|
32
|
-
requirement: !ruby/object:Gem::Requirement
|
27
|
+
requirement: &67935640 !ruby/object:Gem::Requirement
|
33
28
|
none: false
|
34
29
|
requirements:
|
35
|
-
- -
|
30
|
+
- - ! '>='
|
36
31
|
- !ruby/object:Gem::Version
|
37
32
|
version: 3.2.3
|
38
33
|
type: :runtime
|
39
34
|
prerelease: false
|
40
|
-
version_requirements:
|
41
|
-
none: false
|
42
|
-
requirements:
|
43
|
-
- - ~>
|
44
|
-
- !ruby/object:Gem::Version
|
45
|
-
version: 3.2.3
|
35
|
+
version_requirements: *67935640
|
46
36
|
description: SASS version of the CSS toolkit from Twitter for Rails 3.1+ asset pipeline.
|
47
37
|
email:
|
48
38
|
- voidproxy@gmail.com
|
@@ -65,6 +55,7 @@ files:
|
|
65
55
|
- vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass
|
66
56
|
- vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass
|
67
57
|
- vendor/assets/stylesheets/twitter/bootstrap/_wells.sass
|
58
|
+
- vendor/assets/stylesheets/twitter/bootstrap/_media.sass
|
68
59
|
- vendor/assets/stylesheets/twitter/bootstrap/_responsive-1200px-min.sass
|
69
60
|
- vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass
|
70
61
|
- vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass
|
@@ -133,7 +124,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
133
124
|
version: '0'
|
134
125
|
requirements: []
|
135
126
|
rubyforge_project:
|
136
|
-
rubygems_version: 1.8.
|
127
|
+
rubygems_version: 1.8.5
|
137
128
|
signing_key:
|
138
129
|
specification_version: 3
|
139
130
|
summary: SASS version of the CSS toolkit from Twitter for Rails 3.1+ asset pipeline.
|