bootstrap-sass-rails 3.0.0.3 → 3.1.0.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/LICENSE +1 -1
- data/README.md +24 -113
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
- data/lib/bootstrap/sass/rails/engine.rb +4 -1
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/bootstrap-sass-rails.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
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +60 -18
- checksums.yaml +0 -15
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
- data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,209 +1 @@
|
|
1
|
-
|
2
|
-
// Responsive: Utility classes
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// IE10 Metro responsive
|
7
|
-
// Required for Windows 8 Metro split-screen snapping with IE10
|
8
|
-
//
|
9
|
-
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
10
|
-
@-ms-viewport{
|
11
|
-
width: device-width;
|
12
|
-
}
|
13
|
-
|
14
|
-
// IE10 on Windows Phone 8
|
15
|
-
// IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
|
16
|
-
// other words, say on a Lumia, you'll get 768px as the device width,
|
17
|
-
// meaning users will see the tablet styles and not phone styles.
|
18
|
-
//
|
19
|
-
// Alternatively you can override this with JS (see source below), but
|
20
|
-
// we won't be doing that here given our limited scope.
|
21
|
-
//
|
22
|
-
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
|
23
|
-
@media screen and (max-width: 400px) {
|
24
|
-
@-ms-viewport{
|
25
|
-
width: 320px;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
// Hide from screenreaders and browsers
|
30
|
-
// Credit: HTML5 Boilerplate
|
31
|
-
.hidden {
|
32
|
-
display: none !important;
|
33
|
-
visibility: hidden !important;
|
34
|
-
}
|
35
|
-
|
36
|
-
// Visibility utilities
|
37
|
-
|
38
|
-
@include responsive-invisibility('.visible-xs');
|
39
|
-
@media (max-width: $screen-xs-max) {
|
40
|
-
@include responsive-visibility('.visible-xs');
|
41
|
-
}
|
42
|
-
|
43
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
44
|
-
@include responsive-visibility('.visible-xs.visible-sm');
|
45
|
-
}
|
46
|
-
|
47
|
-
|
48
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
49
|
-
@include responsive-visibility('.visible-xs.visible-md');
|
50
|
-
}
|
51
|
-
|
52
|
-
|
53
|
-
@media (min-width: $screen-lg) {
|
54
|
-
@include responsive-visibility('.visible-xs.visible-lg');
|
55
|
-
}
|
56
|
-
|
57
|
-
|
58
|
-
@include responsive-invisibility('.visible-sm');
|
59
|
-
|
60
|
-
@media (max-width: $screen-xs-max) {
|
61
|
-
@include responsive-visibility('.visible-sm.visible-xs');
|
62
|
-
}
|
63
|
-
|
64
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
65
|
-
@include responsive-visibility('.visible-sm');
|
66
|
-
}
|
67
|
-
|
68
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
69
|
-
@include responsive-visibility('.visible-sm.visible-md');
|
70
|
-
}
|
71
|
-
|
72
|
-
|
73
|
-
@media (min-width: $screen-lg) {
|
74
|
-
@include responsive-visibility('.visible-sm.visible-lg');
|
75
|
-
}
|
76
|
-
|
77
|
-
|
78
|
-
@include responsive-invisibility('.visible-md');
|
79
|
-
|
80
|
-
@media (max-width: $screen-xs-max) {
|
81
|
-
@include responsive-visibility('.visible-md.visible-xs');
|
82
|
-
}
|
83
|
-
|
84
|
-
|
85
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
86
|
-
@include responsive-visibility('.visible-md.visible-sm');
|
87
|
-
}
|
88
|
-
|
89
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
90
|
-
@include responsive-visibility('.visible-md');
|
91
|
-
}
|
92
|
-
|
93
|
-
@media (min-width: $screen-lg) {
|
94
|
-
@include responsive-visibility('.visible-md.visible-lg');
|
95
|
-
}
|
96
|
-
|
97
|
-
|
98
|
-
@include responsive-invisibility('.visible-lg');
|
99
|
-
|
100
|
-
@media (max-width: $screen-xs-max) {
|
101
|
-
@include responsive-visibility('.visible-lg.visible-xs');
|
102
|
-
}
|
103
|
-
|
104
|
-
|
105
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
106
|
-
@include responsive-visibility('.visible-lg.visible-sm');
|
107
|
-
}
|
108
|
-
|
109
|
-
|
110
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
111
|
-
@include responsive-visibility('.visible-lg.visible-md');
|
112
|
-
}
|
113
|
-
|
114
|
-
@media (min-width: $screen-lg) {
|
115
|
-
@include responsive-visibility('.visible-lg');
|
116
|
-
}
|
117
|
-
|
118
|
-
@include responsive-visibility('.hidden-xs');
|
119
|
-
@media (max-width: $screen-xs-max) {
|
120
|
-
@include responsive-invisibility('.hidden-xs');
|
121
|
-
}
|
122
|
-
|
123
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
124
|
-
@include responsive-invisibility('.hidden-xs.hidden-sm');
|
125
|
-
}
|
126
|
-
|
127
|
-
|
128
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
129
|
-
@include responsive-invisibility('.hidden-xs.hidden-md');
|
130
|
-
}
|
131
|
-
|
132
|
-
|
133
|
-
@media (min-width: $screen-lg) {
|
134
|
-
@include responsive-invisibility('.hidden-xs.hidden-lg');
|
135
|
-
}
|
136
|
-
|
137
|
-
|
138
|
-
@include responsive-visibility('.hidden-sm');
|
139
|
-
|
140
|
-
@media (max-width: $screen-xs-max) {
|
141
|
-
@include responsive-invisibility('.hidden-sm.hidden-xs');
|
142
|
-
}
|
143
|
-
|
144
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
145
|
-
@include responsive-invisibility('.hidden-sm');
|
146
|
-
}
|
147
|
-
|
148
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
149
|
-
@include responsive-invisibility('.hidden-sm.hidden-md');
|
150
|
-
}
|
151
|
-
|
152
|
-
|
153
|
-
@media (min-width: $screen-lg) {
|
154
|
-
@include responsive-invisibility('.hidden-sm.hidden-lg');
|
155
|
-
}
|
156
|
-
|
157
|
-
|
158
|
-
@include responsive-visibility('.hidden-md');
|
159
|
-
|
160
|
-
@media (max-width: $screen-xs-max) {
|
161
|
-
@include responsive-invisibility('.hidden-md.hidden-xs');
|
162
|
-
}
|
163
|
-
|
164
|
-
|
165
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
166
|
-
@include responsive-invisibility('.hidden-md.hidden-sm');
|
167
|
-
}
|
168
|
-
|
169
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
170
|
-
@include responsive-invisibility('.hidden-md');
|
171
|
-
}
|
172
|
-
|
173
|
-
@media (min-width: $screen-lg) {
|
174
|
-
@include responsive-invisibility('.hidden-md.hidden-lg');
|
175
|
-
}
|
176
|
-
|
177
|
-
|
178
|
-
@include responsive-visibility('.hidden-lg');
|
179
|
-
|
180
|
-
@media (max-width: $screen-xs-max) {
|
181
|
-
@include responsive-invisibility('.hidden-lg.hidden-xs');
|
182
|
-
}
|
183
|
-
|
184
|
-
|
185
|
-
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
186
|
-
@include responsive-invisibility('.hidden-lg.hidden-sm');
|
187
|
-
}
|
188
|
-
|
189
|
-
|
190
|
-
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
191
|
-
@include responsive-invisibility('.hidden-lg.hidden-md');
|
192
|
-
}
|
193
|
-
|
194
|
-
@media (min-width: $screen-lg) {
|
195
|
-
@include responsive-invisibility('.hidden-lg');
|
196
|
-
}
|
197
|
-
|
198
|
-
// Print utilities
|
199
|
-
|
200
|
-
@include responsive-invisibility('.visible-print');
|
201
|
-
|
202
|
-
@media print {
|
203
|
-
|
204
|
-
@include responsive-visibility('.visible-print');
|
205
|
-
|
206
|
-
|
207
|
-
@include responsive-invisibility('.hidden-print');
|
208
|
-
|
209
|
-
}
|
1
|
+
@import "bootstrap/responsive-utilities";
|
@@ -1,130 +1 @@
|
|
1
|
-
|
2
|
-
// Scaffolding
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Reset the box-sizing
|
7
|
-
|
8
|
-
*,
|
9
|
-
*:before,
|
10
|
-
*:after {
|
11
|
-
@include box-sizing(border-box);
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
// Body reset
|
16
|
-
|
17
|
-
html {
|
18
|
-
font-size: 62.5%;
|
19
|
-
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
20
|
-
}
|
21
|
-
|
22
|
-
body {
|
23
|
-
font-family: $font-family-base;
|
24
|
-
font-size: $font-size-base;
|
25
|
-
line-height: $line-height-base;
|
26
|
-
color: $text-color;
|
27
|
-
background-color: $body-bg;
|
28
|
-
}
|
29
|
-
|
30
|
-
// Reset fonts for relevant elements
|
31
|
-
input,
|
32
|
-
button,
|
33
|
-
select,
|
34
|
-
textarea {
|
35
|
-
font-family: inherit;
|
36
|
-
font-size: inherit;
|
37
|
-
line-height: inherit;
|
38
|
-
}
|
39
|
-
|
40
|
-
// Reset unusual Firefox-on-Android default style.
|
41
|
-
//
|
42
|
-
// See https://github.com/necolas/normalize.css/issues/214
|
43
|
-
|
44
|
-
button,
|
45
|
-
input,
|
46
|
-
select[multiple],
|
47
|
-
textarea {
|
48
|
-
background-image: none;
|
49
|
-
}
|
50
|
-
|
51
|
-
|
52
|
-
// Links
|
53
|
-
|
54
|
-
a {
|
55
|
-
color: $link-color;
|
56
|
-
text-decoration: none;
|
57
|
-
|
58
|
-
&:hover,
|
59
|
-
&:focus {
|
60
|
-
color: $link-hover-color;
|
61
|
-
text-decoration: underline;
|
62
|
-
}
|
63
|
-
|
64
|
-
&:focus {
|
65
|
-
@include tab-focus();
|
66
|
-
}
|
67
|
-
}
|
68
|
-
|
69
|
-
|
70
|
-
// Images
|
71
|
-
|
72
|
-
img {
|
73
|
-
vertical-align: middle;
|
74
|
-
}
|
75
|
-
|
76
|
-
// Responsive images (ensure images don't scale beyond their parents)
|
77
|
-
.img-responsive {
|
78
|
-
@include img-responsive();
|
79
|
-
}
|
80
|
-
|
81
|
-
// Rounded corners
|
82
|
-
.img-rounded {
|
83
|
-
border-radius: $border-radius-large;
|
84
|
-
}
|
85
|
-
|
86
|
-
// Image thumbnails
|
87
|
-
//
|
88
|
-
// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
|
89
|
-
.img-thumbnail {
|
90
|
-
padding: $thumbnail-padding;
|
91
|
-
line-height: $line-height-base;
|
92
|
-
background-color: $thumbnail-bg;
|
93
|
-
border: 1px solid $thumbnail-border;
|
94
|
-
border-radius: $thumbnail-border-radius;
|
95
|
-
@include transition(all .2s ease-in-out);
|
96
|
-
|
97
|
-
// Keep them at most 100% wide
|
98
|
-
@include img-responsive(inline-block);
|
99
|
-
}
|
100
|
-
|
101
|
-
// Perfect circle
|
102
|
-
.img-circle {
|
103
|
-
border-radius: 50%; // set radius in percents
|
104
|
-
}
|
105
|
-
|
106
|
-
|
107
|
-
// Horizontal rules
|
108
|
-
|
109
|
-
hr {
|
110
|
-
margin-top: $line-height-computed;
|
111
|
-
margin-bottom: $line-height-computed;
|
112
|
-
border: 0;
|
113
|
-
border-top: 1px solid $hr-border;
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
// Only display content to screen readers
|
118
|
-
//
|
119
|
-
// See: http://a11yproject.com/posts/how-to-hide-content/
|
120
|
-
|
121
|
-
.sr-only {
|
122
|
-
position: absolute;
|
123
|
-
width: 1px;
|
124
|
-
height: 1px;
|
125
|
-
margin: -1px;
|
126
|
-
padding: 0;
|
127
|
-
overflow: hidden;
|
128
|
-
clip: rect(0 0 0 0);
|
129
|
-
border: 0;
|
130
|
-
}
|
1
|
+
@import "bootstrap/scaffolding";
|
@@ -1,236 +1 @@
|
|
1
|
-
|
2
|
-
// Tables
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
table {
|
7
|
-
max-width: 100%;
|
8
|
-
background-color: $table-bg;
|
9
|
-
}
|
10
|
-
th {
|
11
|
-
text-align: left;
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
// Baseline styles
|
16
|
-
|
17
|
-
.table {
|
18
|
-
width: 100%;
|
19
|
-
margin-bottom: $line-height-computed;
|
20
|
-
// Cells
|
21
|
-
thead,
|
22
|
-
tbody,
|
23
|
-
tfoot {
|
24
|
-
> tr {
|
25
|
-
> th,
|
26
|
-
> td {
|
27
|
-
padding: $table-cell-padding;
|
28
|
-
line-height: $line-height-base;
|
29
|
-
vertical-align: top;
|
30
|
-
border-top: 1px solid $table-border-color;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
}
|
34
|
-
// Bottom align for column headings
|
35
|
-
thead > tr > th {
|
36
|
-
vertical-align: bottom;
|
37
|
-
border-bottom: 2px solid $table-border-color;
|
38
|
-
}
|
39
|
-
// Remove top border from thead by default
|
40
|
-
caption + thead,
|
41
|
-
colgroup + thead,
|
42
|
-
thead:first-child {
|
43
|
-
tr:first-child {
|
44
|
-
th, td {
|
45
|
-
border-top: 0;
|
46
|
-
}
|
47
|
-
}
|
48
|
-
}
|
49
|
-
// Account for multiple tbody instances
|
50
|
-
tbody + tbody {
|
51
|
-
border-top: 2px solid $table-border-color;
|
52
|
-
}
|
53
|
-
|
54
|
-
// Nesting
|
55
|
-
.table {
|
56
|
-
background-color: $body-bg;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
|
61
|
-
// Condensed table w/ half padding
|
62
|
-
|
63
|
-
.table-condensed {
|
64
|
-
thead,
|
65
|
-
tbody,
|
66
|
-
tfoot {
|
67
|
-
> tr {
|
68
|
-
> th,
|
69
|
-
> td {
|
70
|
-
padding: $table-condensed-cell-padding;
|
71
|
-
}
|
72
|
-
}
|
73
|
-
}
|
74
|
-
}
|
75
|
-
|
76
|
-
|
77
|
-
// Bordered version
|
78
|
-
//
|
79
|
-
// Add borders all around the table and between all the columns.
|
80
|
-
|
81
|
-
.table-bordered {
|
82
|
-
border: 1px solid $table-border-color;
|
83
|
-
> thead,
|
84
|
-
> tbody,
|
85
|
-
> tfoot {
|
86
|
-
> tr {
|
87
|
-
> th,
|
88
|
-
> td {
|
89
|
-
border: 1px solid $table-border-color;
|
90
|
-
}
|
91
|
-
}
|
92
|
-
}
|
93
|
-
> thead {
|
94
|
-
> tr {
|
95
|
-
> th,
|
96
|
-
> td {
|
97
|
-
border-bottom-width: 2px;
|
98
|
-
}
|
99
|
-
}
|
100
|
-
}
|
101
|
-
}
|
102
|
-
|
103
|
-
|
104
|
-
// Zebra-striping
|
105
|
-
//
|
106
|
-
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
107
|
-
|
108
|
-
.table-striped {
|
109
|
-
> tbody {
|
110
|
-
> tr:nth-child(odd) {
|
111
|
-
> td,
|
112
|
-
> th {
|
113
|
-
background-color: $table-bg-accent;
|
114
|
-
}
|
115
|
-
}
|
116
|
-
}
|
117
|
-
}
|
118
|
-
|
119
|
-
|
120
|
-
// Hover effect
|
121
|
-
//
|
122
|
-
// Placed here since it has to come after the potential zebra striping
|
123
|
-
|
124
|
-
.table-hover {
|
125
|
-
> tbody {
|
126
|
-
> tr:hover {
|
127
|
-
> td,
|
128
|
-
> th {
|
129
|
-
background-color: $table-bg-hover;
|
130
|
-
}
|
131
|
-
}
|
132
|
-
}
|
133
|
-
}
|
134
|
-
|
135
|
-
|
136
|
-
// Table cell sizing
|
137
|
-
//
|
138
|
-
// Reset default table behavior
|
139
|
-
|
140
|
-
table col[class*="col-"] {
|
141
|
-
float: none;
|
142
|
-
display: table-column;
|
143
|
-
}
|
144
|
-
table {
|
145
|
-
td,
|
146
|
-
th {
|
147
|
-
&[class*="col-"] {
|
148
|
-
float: none;
|
149
|
-
display: table-cell;
|
150
|
-
}
|
151
|
-
}
|
152
|
-
}
|
153
|
-
|
154
|
-
|
155
|
-
// Table backgrounds
|
156
|
-
//
|
157
|
-
// Exact selectors below required to override `.table-striped` and prevent
|
158
|
-
// inheritance to nested tables.
|
159
|
-
|
160
|
-
.table > thead > tr,
|
161
|
-
.table > tbody > tr,
|
162
|
-
.table > tfoot > tr {
|
163
|
-
> td.active,
|
164
|
-
> th.active,
|
165
|
-
&.active > td,
|
166
|
-
&.active > th {
|
167
|
-
background-color: $table-bg-active;
|
168
|
-
}
|
169
|
-
}
|
170
|
-
|
171
|
-
// Generate the contextual variants
|
172
|
-
@include table-row-variant('success', $state-success-bg, $state-success-border);
|
173
|
-
@include table-row-variant('danger', $state-danger-bg, $state-danger-border);
|
174
|
-
@include table-row-variant('warning', $state-warning-bg, $state-warning-border);
|
175
|
-
|
176
|
-
|
177
|
-
// Responsive tables
|
178
|
-
//
|
179
|
-
// Wrap your tables in `.table-scrollable` and we'll make them mobile friendly
|
180
|
-
// by enabling horizontal scrolling. Only applies <768px. Everything above that
|
181
|
-
// will display normally.
|
182
|
-
|
183
|
-
@media (max-width: $screen-sm) {
|
184
|
-
.table-responsive {
|
185
|
-
width: 100%;
|
186
|
-
margin-bottom: 15px;
|
187
|
-
overflow-y: hidden;
|
188
|
-
overflow-x: scroll;
|
189
|
-
border: 1px solid $table-border-color;
|
190
|
-
|
191
|
-
// Tighten up spacing and give a background color
|
192
|
-
> .table {
|
193
|
-
margin-bottom: 0;
|
194
|
-
background-color: #fff;
|
195
|
-
|
196
|
-
// Ensure the content doesn't wrap
|
197
|
-
> thead,
|
198
|
-
> tbody,
|
199
|
-
> tfoot {
|
200
|
-
> tr {
|
201
|
-
> th,
|
202
|
-
> td {
|
203
|
-
white-space: nowrap;
|
204
|
-
}
|
205
|
-
}
|
206
|
-
}
|
207
|
-
}
|
208
|
-
|
209
|
-
// Special overrides for the bordered tables
|
210
|
-
> .table-bordered {
|
211
|
-
border: 0;
|
212
|
-
|
213
|
-
// Nuke the appropriate borders so that the parent can handle them
|
214
|
-
> thead,
|
215
|
-
> tbody,
|
216
|
-
> tfoot {
|
217
|
-
> tr {
|
218
|
-
> th:first-child,
|
219
|
-
> td:first-child {
|
220
|
-
border-left: 0;
|
221
|
-
}
|
222
|
-
> th:last-child,
|
223
|
-
> td:last-child {
|
224
|
-
border-right: 0;
|
225
|
-
}
|
226
|
-
}
|
227
|
-
> tr:last-child {
|
228
|
-
> th,
|
229
|
-
> td {
|
230
|
-
border-bottom: 0;
|
231
|
-
}
|
232
|
-
}
|
233
|
-
}
|
234
|
-
}
|
235
|
-
}
|
236
|
-
}
|
1
|
+
@import "bootstrap/tables";
|