bootstrap-sass-rails 3.0.2.1 → 3.0.3.0

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 (43) hide show
  1. data/README.md +20 -0
  2. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -1
  3. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -1
  4. data/app/assets/javascripts/twitter/bootstrap/button.js +11 -5
  5. data/app/assets/javascripts/twitter/bootstrap/carousel.js +5 -5
  6. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -1
  7. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +5 -5
  8. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -1
  9. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -1
  10. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +2 -2
  11. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -1
  12. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -1
  13. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -1
  14. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +6 -6
  15. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +7 -33
  16. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +2 -5
  17. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -0
  18. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -0
  19. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +3 -8
  20. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +12 -0
  21. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -1
  22. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +12 -26
  23. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -1
  24. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +8 -2
  25. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +6 -0
  26. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +39 -52
  27. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +3 -5
  28. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +41 -53
  29. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +0 -20
  30. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +11 -1
  31. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +0 -12
  32. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +17 -22
  33. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +10 -3
  34. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +54 -52
  35. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +15 -10
  36. data/lib/bootstrap/sass/rails/version.rb +1 -1
  37. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  38. data/lib/generators/bootstrap/templates/USAGE +23 -0
  39. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  40. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  41. data/test/cases/less_to_sass_spec.rb +1 -1
  42. metadata +27 -5
  43. checksums.yaml +0 -15
@@ -48,11 +48,6 @@
48
48
  &:focus {
49
49
  background-color: $nav-link-hover-bg;
50
50
  border-color: $link-color;
51
-
52
- .caret {
53
- border-top-color: $link-hover-color;
54
- border-bottom-color: $link-hover-color;
55
- }
56
51
  }
57
52
  }
58
53
 
@@ -138,11 +133,6 @@
138
133
  &:focus {
139
134
  color: $nav-pills-active-link-hover-color;
140
135
  background-color: $nav-pills-active-link-hover-bg;
141
-
142
- .caret {
143
- border-top-color: $nav-pills-active-link-hover-color;
144
- border-bottom-color: $nav-pills-active-link-hover-color;
145
- }
146
136
  }
147
137
  }
148
138
  }
@@ -243,16 +233,6 @@
243
233
  // Dropdowns
244
234
  // -------------------------
245
235
 
246
- // Make dropdown carets use link color in navs
247
- .nav .caret {
248
- border-top-color: $link-color;
249
- border-bottom-color: $link-color;
250
- }
251
- .nav a:hover .caret {
252
- border-top-color: $link-hover-color;
253
- border-bottom-color: $link-hover-color;
254
- }
255
-
256
236
  // Specific dropdowns
257
237
  .nav-tabs .dropdown-menu {
258
238
  // make dropdown border overlap tab border
@@ -57,13 +57,17 @@
57
57
 
58
58
  .panel {
59
59
  > .table,
60
- > .table-responsive {
60
+ > .table-responsive > .table {
61
61
  margin-bottom: 0;
62
62
  }
63
63
  > .panel-body + .table,
64
64
  > .panel-body + .table-responsive {
65
65
  border-top: 1px solid $table-border-color;
66
66
  }
67
+ > .table > tbody:first-child th,
68
+ > .table > tbody:first-child td {
69
+ border-top: 0;
70
+ }
67
71
  > .table-bordered,
68
72
  > .table-responsive > .table-bordered {
69
73
  border: 0;
@@ -87,6 +91,10 @@
87
91
  }
88
92
  }
89
93
  }
94
+ > .table-responsive {
95
+ border: 0;
96
+ margin-bottom: 0;
97
+ }
90
98
  }
91
99
 
92
100
 
@@ -106,6 +114,8 @@
106
114
  margin-top: 0;
107
115
  margin-bottom: 0;
108
116
  font-size: ceil(($font-size-base * 1.125));
117
+ color: inherit;
118
+
109
119
  > a {
110
120
  color: inherit;
111
121
  }
@@ -12,18 +12,6 @@
12
12
  to { background-position: 0 0; }
13
13
  }
14
14
 
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // Opera
22
- @-o-keyframes progress-bar-stripes {
23
- from { background-position: 0 0; }
24
- to { background-position: 40px 0; }
25
- }
26
-
27
15
  // Spec and IE10+
28
16
  @keyframes progress-bar-stripes {
29
17
  from { background-position: 40px 0; }
@@ -104,10 +104,12 @@ th {
104
104
  //
105
105
  // Default zebra-stripe styles (alternating gray and transparent backgrounds)
106
106
 
107
- .table-striped > tbody > tr:nth-child(odd) {
108
- > td,
109
- > th {
110
- background-color: $table-bg-accent;
107
+ .table-striped {
108
+ > tbody > tr:nth-child(odd) {
109
+ > td,
110
+ > th {
111
+ background-color: $table-bg-accent;
112
+ }
111
113
  }
112
114
  }
113
115
 
@@ -116,10 +118,12 @@ th {
116
118
  //
117
119
  // Placed here since it has to come after the potential zebra striping
118
120
 
119
- .table-hover > tbody > tr:hover {
120
- > td,
121
- > th {
122
- background-color: $table-bg-hover;
121
+ .table-hover {
122
+ > tbody > tr:hover {
123
+ > td,
124
+ > th {
125
+ background-color: $table-bg-hover;
126
+ }
123
127
  }
124
128
  }
125
129
 
@@ -129,6 +133,7 @@ th {
129
133
  // Reset default table behavior
130
134
 
131
135
  table col[class*="col-"] {
136
+ position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
132
137
  float: none;
133
138
  display: table-column;
134
139
  }
@@ -148,21 +153,11 @@ table {
148
153
  // Exact selectors below required to override `.table-striped` and prevent
149
154
  // inheritance to nested tables.
150
155
 
151
- .table > thead > tr,
152
- .table > tbody > tr,
153
- .table > tfoot > tr {
154
- > td.active,
155
- > th.active,
156
- &.active > td,
157
- &.active > th {
158
- background-color: $table-bg-active;
159
- }
160
- }
161
-
162
156
  // Generate the contextual variants
163
- @include table-row-variant('success', $state-success-bg, $state-success-border);
164
- @include table-row-variant('danger', $state-danger-bg, $state-danger-border);
165
- @include table-row-variant('warning', $state-warning-bg, $state-warning-border);
157
+ @include table-row-variant('active', $table-bg-active);
158
+ @include table-row-variant('success', $state-success-bg);
159
+ @include table-row-variant('danger', $state-danger-bg);
160
+ @include table-row-variant('warning', $state-warning-bg);
166
161
 
167
162
 
168
163
  // Responsive tables
@@ -5,11 +5,17 @@
5
5
 
6
6
  // Mixin and adjust the regular image class
7
7
  .thumbnail {
8
- @extend .img-thumbnail;
9
- display: block; // Override the inline-block from `.img-thumbnail`
8
+ display: block;
9
+ padding: $thumbnail-padding;
10
10
  margin-bottom: $line-height-computed;
11
+ line-height: $line-height-base;
12
+ background-color: $thumbnail-bg;
13
+ border: 1px solid $thumbnail-border;
14
+ border-radius: $thumbnail-border-radius;
15
+ @include transition(all .2s ease-in-out);
11
16
 
12
- > img {
17
+ > img,
18
+ a > img {
13
19
  @include img-responsive();
14
20
  margin-left: auto;
15
21
  margin-right: auto;
@@ -23,6 +29,7 @@
23
29
  color: $thumbnail-caption-color;
24
30
  }
25
31
  }
32
+
26
33
  // Add a hover state for linked versions only
27
34
  a.thumbnail:hover,
28
35
  a.thumbnail:focus,
@@ -3,12 +3,62 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
+ // Headings
7
+ // -------------------------
8
+
9
+ h1, h2, h3, h4, h5, h6,
10
+ .h1, .h2, .h3, .h4, .h5, .h6 {
11
+ font-family: $headings-font-family;
12
+ font-weight: $headings-font-weight;
13
+ line-height: $headings-line-height;
14
+ color: $headings-color;
15
+
16
+ small,
17
+ .small {
18
+ font-weight: normal;
19
+ line-height: 1;
20
+ color: $headings-small-color;
21
+ }
22
+ }
23
+
24
+ h1,
25
+ h2,
26
+ h3 {
27
+ margin-top: $line-height-computed;
28
+ margin-bottom: ($line-height-computed / 2);
29
+
30
+ small,
31
+ .small {
32
+ font-size: 65%;
33
+ }
34
+ }
35
+ h4,
36
+ h5,
37
+ h6 {
38
+ margin-top: ($line-height-computed / 2);
39
+ margin-bottom: ($line-height-computed / 2);
40
+
41
+ small,
42
+ .small {
43
+ font-size: 75%;
44
+ }
45
+ }
46
+
47
+ h1, .h1 { font-size: $font-size-h1; }
48
+ h2, .h2 { font-size: $font-size-h2; }
49
+ h3, .h3 { font-size: $font-size-h3; }
50
+ h4, .h4 { font-size: $font-size-h4; }
51
+ h5, .h5 { font-size: $font-size-h5; }
52
+ h6, .h6 { font-size: $font-size-h6; }
53
+
54
+
6
55
  // Body text
7
56
  // -------------------------
8
57
 
9
58
  p {
10
59
  margin: 0 0 ($line-height-computed / 2);
11
60
  }
61
+
12
62
  .lead {
13
63
  margin-bottom: $line-height-computed;
14
64
  font-size: floor($font-size-base * 1.15);
@@ -72,55 +122,6 @@ cite { font-style: normal; }
72
122
  .text-center { text-align: center; }
73
123
 
74
124
 
75
- // Headings
76
- // -------------------------
77
-
78
- h1, h2, h3, h4, h5, h6,
79
- .h1, .h2, .h3, .h4, .h5, .h6 {
80
- font-family: $headings-font-family;
81
- font-weight: $headings-font-weight;
82
- line-height: $headings-line-height;
83
- color: $headings-color;
84
-
85
- small,
86
- .small {
87
- font-weight: normal;
88
- line-height: 1;
89
- color: $headings-small-color;
90
- }
91
- }
92
-
93
- h1,
94
- h2,
95
- h3 {
96
- margin-top: $line-height-computed;
97
- margin-bottom: ($line-height-computed / 2);
98
-
99
- small,
100
- .small {
101
- font-size: 65%;
102
- }
103
- }
104
- h4,
105
- h5,
106
- h6 {
107
- margin-top: ($line-height-computed / 2);
108
- margin-bottom: ($line-height-computed / 2);
109
-
110
- small,
111
- .small {
112
- font-size: 75%;
113
- }
114
- }
115
-
116
- h1, .h1 { font-size: $font-size-h1; }
117
- h2, .h2 { font-size: $font-size-h2; }
118
- h3, .h3 { font-size: $font-size-h3; }
119
- h4, .h4 { font-size: $font-size-h4; }
120
- h5, .h5 { font-size: $font-size-h5; }
121
- h6, .h6 { font-size: $font-size-h6; }
122
-
123
-
124
125
  // Page header
125
126
  // -------------------------
126
127
 
@@ -131,7 +132,6 @@ h6, .h6 { font-size: $font-size-h6; }
131
132
  }
132
133
 
133
134
 
134
-
135
135
  // Lists
136
136
  // --------------------------------------------------
137
137
 
@@ -171,6 +171,7 @@ ol {
171
171
 
172
172
  // Description Lists
173
173
  dl {
174
+ margin-top: 0; // Remove browser default
174
175
  margin-bottom: $line-height-computed;
175
176
  }
176
177
  dt,
@@ -215,7 +216,7 @@ abbr[data-original-title] {
215
216
  cursor: help;
216
217
  border-bottom: 1px dotted $abbr-border-color;
217
218
  }
218
- abbr.initialism {
219
+ .initialism {
219
220
  font-size: 90%;
220
221
  text-transform: uppercase;
221
222
  }
@@ -233,7 +234,8 @@ blockquote {
233
234
  p:last-child {
234
235
  margin-bottom: 0;
235
236
  }
236
- small {
237
+ small,
238
+ .small {
237
239
  display: block;
238
240
  line-height: $line-height-base;
239
241
  color: $blockquote-small-color;
@@ -41,7 +41,7 @@ $link-hover-color: darken($link-color, 15%) !default;
41
41
 
42
42
  $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
43
43
  $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
44
- $font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace !default;
44
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
45
45
  $font-family-base: $font-family-sans-serif !default;
46
46
 
47
47
  $font-size-base: 14px !default;
@@ -84,6 +84,9 @@ $padding-large-horizontal: 16px !default;
84
84
  $padding-small-vertical: 5px !default;
85
85
  $padding-small-horizontal: 10px !default;
86
86
 
87
+ $padding-xs-vertical: 1px !default;
88
+ $padding-xs-horizontal: 5px !default;
89
+
87
90
  $line-height-large: 1.33 !default;
88
91
  $line-height-small: 1.5 !default;
89
92
 
@@ -157,7 +160,7 @@ $input-border-focus: #66afe9 !default;
157
160
  $input-color-placeholder: $gray-light !default;
158
161
 
159
162
  $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
160
- $input-height-large: (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
163
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
161
164
  $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
162
165
 
163
166
  $legend-color: $gray-dark !default;
@@ -186,8 +189,6 @@ $dropdown-link-disabled-color: $gray-light !default;
186
189
 
187
190
  $dropdown-header-color: $gray-light !default;
188
191
 
189
- $dropdown-caret-color: #000 !default;
190
-
191
192
 
192
193
  // COMPONENT VARIABLES
193
194
  // --------------------------------------------------
@@ -246,8 +247,13 @@ $screen-md-max: ($screen-lg-min - 1) !default;
246
247
  $grid-columns: 12 !default;
247
248
  // Padding, to be divided by two and applied to the left and right of all columns
248
249
  $grid-gutter-width: 30px !default;
249
- // Point at which the navbar stops collapsing
250
+
251
+ // Navbar collapse
252
+
253
+ // Point at which the navbar becomes uncollapsed
250
254
  $grid-float-breakpoint: $screen-sm-min !default;
255
+ // Point at which the navbar begins collapsing
256
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
251
257
 
252
258
 
253
259
  // Navbar
@@ -321,7 +327,6 @@ $nav-disabled-link-color: $gray-light !default;
321
327
  $nav-disabled-link-hover-color: $gray-light !default;
322
328
 
323
329
  $nav-open-link-hover-color: #fff !default;
324
- $nav-open-caret-border-color: #fff !default;
325
330
 
326
331
  // Tabs
327
332
  $nav-tabs-border-color: #ddd !default;
@@ -375,19 +380,19 @@ $jumbotron-font-size: ceil($font-size-base * 1.5) !default;
375
380
  // Form states and alerts
376
381
  // -------------------------
377
382
 
378
- $state-success-text: #468847 !default;
383
+ $state-success-text: #3c763d !default;
379
384
  $state-success-bg: #dff0d8 !default;
380
385
  $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
381
386
 
382
- $state-info-text: #3a87ad !default;
387
+ $state-info-text: #31708f !default;
383
388
  $state-info-bg: #d9edf7 !default;
384
389
  $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
385
390
 
386
- $state-warning-text: #c09853 !default;
391
+ $state-warning-text: #8a6d3b !default;
387
392
  $state-warning-bg: #fcf8e3 !default;
388
393
  $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
389
394
 
390
- $state-danger-text: #b94a48 !default;
395
+ $state-danger-text: #a94442 !default;
391
396
  $state-danger-bg: #f2dede !default;
392
397
  $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
393
398
 
@@ -1,7 +1,7 @@
1
1
  module Bootstrap
2
2
  module Sass
3
3
  module Rails
4
- VERSION = '3.0.2.1'
4
+ VERSION = '3.0.3.0'
5
5
  end
6
6
  end
7
7
  end
@@ -0,0 +1,37 @@
1
+ require 'rails/generators'
2
+
3
+ module Bootstrap
4
+ class CustomizeGenerator < Rails::Generators::Base
5
+ source_root File.expand_path("../templates", __FILE__)
6
+
7
+ class_option :customize_variables, type: :boolean, default: true, desc: 'Customize variables to define colors, sizes and more inside your custom stylesheets'
8
+ class_option :css_components, type: :boolean, default: false, desc: 'Choose which SCSS files to compile into your custom build of Bootstrap'
9
+ class_option :js_components, type: :boolean, default: false, desc: 'Choose which JS files to compile into your custom build of Bootstrap'
10
+
11
+ # Copy all needed stylesheets in the asset directory of the application
12
+ def customize_default_variables
13
+ template "bootstrap-custom.css.scss", "app/assets/stylesheets/bootstrap-custom.css.scss"
14
+ end
15
+
16
+ def customize_css_components
17
+ if options.css_components?
18
+ append_file "app/assets/stylesheets/bootstrap-custom.css.scss" do
19
+ File.read File.expand_path("../../../../app/assets/stylesheets/twitter/bootstrap.css.scss", __FILE__)
20
+ end
21
+ end
22
+ end
23
+
24
+ def customize_js_components
25
+ if options.js_components?
26
+ template "bootstrap-custom.js", "app/assets/javascripts/bootstrap-custom.js"
27
+ append_file "app/assets/javascripts/bootstrap-custom.js" do
28
+ File.read File.expand_path("../../../../app/assets/javascripts/twitter/bootstrap.js", __FILE__)
29
+ end
30
+ end
31
+ end
32
+
33
+ def show_usage
34
+ readme "USAGE" if behavior == :invoke
35
+ end
36
+ end
37
+ end