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.
- data/README.md +20 -0
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/button.js +11 -5
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +5 -5
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +5 -5
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +2 -2
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -1
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +6 -6
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +7 -33
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +2 -5
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -0
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -0
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +3 -8
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +12 -0
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +12 -26
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +8 -2
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +6 -0
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +39 -52
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +3 -5
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +41 -53
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +0 -20
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +11 -1
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +0 -12
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +17 -22
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +10 -3
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +54 -52
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +15 -10
- data/lib/bootstrap/sass/rails/version.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- metadata +27 -5
- 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
|
108
|
-
>
|
109
|
-
|
110
|
-
|
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
|
120
|
-
>
|
121
|
-
|
122
|
-
|
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('
|
164
|
-
@include table-row-variant('
|
165
|
-
@include table-row-variant('
|
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
|
-
|
9
|
-
|
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
|
-
|
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:
|
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: (
|
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
|
-
|
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: #
|
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: #
|
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: #
|
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: #
|
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
|
|
@@ -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
|