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.
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.