sass-rails-bootstrap 2.1.1 → 2.2.1

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.
Files changed (47) hide show
  1. data/README.md +2 -2
  2. data/lib/sass-rails-bootstrap/version.rb +1 -1
  3. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +4 -2
  4. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +2 -4
  5. data/vendor/assets/javascripts/twitter/bootstrap/button.js +5 -7
  6. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +12 -12
  7. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +9 -11
  8. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +9 -11
  9. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +20 -25
  10. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +1 -1
  11. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -1
  12. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +5 -7
  13. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +12 -11
  14. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +5 -5
  15. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +19 -9
  16. data/vendor/assets/stylesheets/twitter/_bootstrap-responsive.scss +1 -1
  17. data/vendor/assets/stylesheets/twitter/_bootstrap.scss +2 -1
  18. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +1 -1
  19. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +1 -1
  20. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +1 -1
  21. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +3 -5
  22. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +17 -16
  23. data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +1 -1
  24. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +33 -6
  25. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +35 -12
  26. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +6 -5
  27. data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.sass +4 -2
  28. data/vendor/assets/stylesheets/twitter/bootstrap/_media.sass +54 -0
  29. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +6 -1
  30. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +6 -13
  31. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +4 -6
  32. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +3 -2
  33. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +10 -9
  34. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +60 -11
  35. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +3 -3
  36. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +1 -1
  37. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +5 -4
  38. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass +18 -1
  39. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.sass +9 -3
  40. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +3 -3
  41. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +20 -41
  42. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +1 -1
  43. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +1 -1
  44. data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +31 -26
  45. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +20 -1
  46. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +4 -3
  47. 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: auto
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(4px)
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: block
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: 980px)
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(4px)
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-topleft: 4px
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
- .row-fluid table [class*=span]
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
- .span1
156
+ .table td,
157
+ .table th
158
+ &.span1
156
159
  +table-columns(1)
157
- .span2
160
+ &.span2
158
161
  +table-columns(2)
159
- .span3
162
+ &.span3
160
163
  +table-columns(3)
161
- .span4
164
+ &.span4
162
165
  +table-columns(4)
163
- .span5
166
+ &.span5
164
167
  +table-columns(5)
165
- .span6
168
+ &.span6
166
169
  +table-columns(6)
167
- .span7
170
+ &.span7
168
171
  +table-columns(7)
169
- .span8
172
+ &.span8
170
173
  +table-columns(8)
171
- .span9
174
+ &.span9
172
175
  +table-columns(9)
173
- .span10
176
+ &.span10
174
177
  +table-columns(10)
175
- .span11
178
+ &.span11
176
179
  +table-columns(11)
177
- .span12
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
@@ -27,7 +27,7 @@
27
27
  padding: 4px
28
28
  line-height: $baseLineHeight
29
29
  border: 1px solid #ddd
30
- +border-radius(4px)
30
+ +border-radius($baseBorderRadius)
31
31
  +box-shadow(0 1px 3px rgba(0,0,0,.055))
32
32
  +transition(all .2s ease-in-out)
33
33
 
@@ -31,7 +31,7 @@
31
31
  text-align: center
32
32
  text-decoration: none
33
33
  background-color: $tooltipBackground
34
- +border-radius(4px)
34
+ +border-radius($baseBorderRadius)
35
35
 
36
36
  // Arrows
37
37
  .tooltip-arrow
@@ -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: 1
70
+ line-height: $baseLineHeight
59
71
  color: $grayLight
60
72
 
61
- h1
62
- font-size: 36px
63
- line-height: 40px
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: 30px
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: 14px
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: 14px
93
-
96
+ font-size: $baseFontSize
94
97
  h4 small
95
- font-size: 14px
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: 3px
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(4px)
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(6px)
21
+ +border-radius($borderRadiusLarge)
22
+
22
23
  .well-small
23
24
  padding: 9px
24
- +border-radius(3px)
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.1.1
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-13 00:00:00.000000000 Z
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: !ruby/object:Gem::Requirement
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: !ruby/object:Gem::Requirement
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.24
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.