apx-docs-theme 0.1.7 → 0.1.15
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer.html +8 -9
- data/_includes/head.html +20 -9
- data/_includes/js_files.html +21 -3
- data/_includes/navbar.html +28 -0
- data/_includes/sidebar.html +43 -0
- data/_layouts/default.html +10 -10
- data/_layouts/docs.html +12 -20
- data/_sass/bootstrap/_alert.scss +51 -0
- data/_sass/bootstrap/_badge.scss +53 -0
- data/_sass/bootstrap/_breadcrumb.scss +41 -0
- data/_sass/bootstrap/_button-group.scss +163 -0
- data/_sass/bootstrap/_buttons.scss +73 -101
- data/_sass/bootstrap/_card.scss +310 -0
- data/_sass/bootstrap/_carousel.scss +130 -202
- data/_sass/bootstrap/_close.scss +23 -15
- data/_sass/bootstrap/_code.scss +15 -36
- data/_sass/bootstrap/_custom-forms.scss +507 -0
- data/_sass/bootstrap/_dropdown.scss +191 -0
- data/_sass/bootstrap/_forms.scss +215 -498
- data/_sass/bootstrap/_functions.scss +86 -0
- data/_sass/bootstrap/_grid.scss +29 -61
- data/_sass/bootstrap/_images.scss +42 -0
- data/_sass/bootstrap/_input-group.scss +193 -0
- data/_sass/bootstrap/_jumbotron.scss +9 -47
- data/_sass/bootstrap/_list-group.scss +70 -79
- data/_sass/bootstrap/_media.scss +3 -61
- data/_sass/bootstrap/_mixins.scss +19 -18
- data/_sass/bootstrap/_modal.scss +186 -0
- data/_sass/bootstrap/_nav.scss +120 -0
- data/_sass/bootstrap/_navbar.scss +192 -555
- data/_sass/bootstrap/_pagination.scss +59 -70
- data/_sass/bootstrap/_popover.scss +183 -0
- data/_sass/bootstrap/_print.scss +89 -49
- data/_sass/bootstrap/_progress.scss +34 -0
- data/_sass/bootstrap/_reboot.scss +462 -0
- data/_sass/bootstrap/_root.scss +19 -0
- data/_sass/bootstrap/_spinners.scss +53 -0
- data/_sass/bootstrap/_tables.scss +119 -166
- data/_sass/bootstrap/_toasts.scss +43 -0
- data/_sass/bootstrap/_tooltip.scss +93 -79
- data/_sass/bootstrap/_transitions.scss +22 -0
- data/_sass/bootstrap/_type.scss +66 -239
- data/_sass/bootstrap/_utilities.scss +16 -55
- data/_sass/bootstrap/_variables.scss +926 -709
- data/_sass/bootstrap/bootstrap-grid.scss +29 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
- data/_sass/bootstrap/bootstrap.scss +44 -0
- data/_sass/bootstrap/mixins/_alert.scss +13 -0
- data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
- data/_sass/bootstrap/mixins/_badge.scss +11 -0
- data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
- data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
- data/_sass/bootstrap/mixins/_buttons.scss +86 -40
- data/_sass/bootstrap/mixins/_caret.scss +62 -0
- data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
- data/_sass/bootstrap/mixins/_float.scss +11 -0
- data/_sass/bootstrap/mixins/_forms.scss +176 -66
- data/_sass/bootstrap/mixins/_gradients.scss +17 -30
- data/_sass/bootstrap/mixins/_grid-framework.scss +51 -66
- data/_sass/bootstrap/mixins/_grid.scss +34 -105
- data/_sass/bootstrap/mixins/_hover.scss +37 -0
- data/_sass/bootstrap/mixins/_image.scss +18 -15
- data/_sass/bootstrap/mixins/_list-group.scss +10 -21
- data/_sass/bootstrap/mixins/_lists.scss +7 -0
- data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
- data/_sass/bootstrap/mixins/_pagination.scss +10 -12
- data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
- data/_sass/bootstrap/mixins/_resize.scss +1 -1
- data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
- data/_sass/bootstrap/mixins/_size.scss +1 -5
- data/_sass/bootstrap/mixins/_table-row.scss +26 -15
- data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
- data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
- data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
- data/_sass/bootstrap/mixins/_transition.scss +16 -0
- data/_sass/bootstrap/mixins/_visibility.scss +7 -0
- data/_sass/bootstrap/utilities/_align.scss +8 -0
- data/_sass/bootstrap/utilities/_background.scss +19 -0
- data/_sass/bootstrap/utilities/_borders.scss +63 -0
- data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
- data/_sass/bootstrap/utilities/_display.scss +38 -0
- data/_sass/bootstrap/utilities/_embed.scss +39 -0
- data/_sass/bootstrap/utilities/_flex.scss +51 -0
- data/_sass/bootstrap/utilities/_float.scss +9 -0
- data/_sass/bootstrap/utilities/_overflow.scss +5 -0
- data/_sass/bootstrap/utilities/_position.scss +32 -0
- data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
- data/_sass/bootstrap/utilities/_shadows.scss +6 -0
- data/_sass/bootstrap/utilities/_sizing.scss +20 -0
- data/_sass/bootstrap/utilities/_spacing.scss +73 -0
- data/_sass/bootstrap/utilities/_text.scss +67 -0
- data/_sass/bootstrap/utilities/_visibility.scss +11 -0
- data/_sass/markdown/code.scss +65 -0
- data/_sass/markdown/color-system.scss +114 -0
- data/_sass/markdown/images.scss +119 -0
- data/_sass/markdown/markdown-body.scss +103 -0
- data/_sass/markdown/markdown.scss +15 -0
- data/_sass/rouge.scss +209 -0
- data/_sass/theme.scss +35 -0
- data/_sass/{_typeahead.scss → typeahead.scss} +0 -0
- data/assets/css/main.scss +1 -90
- data/assets/img/{bg.jpg → jumbotron.jpg} +0 -0
- data/assets/js/bootstrap.min.js +6 -6
- data/assets/js/jquery-3.3.1.min.js +2 -0
- data/assets/js/main.js +2 -1
- data/assets/js/search.json +11 -0
- data/assets/js/typeahead.bundle.js +2621 -0
- data/assets/js/typeahead.bundle.min.js +4 -4
- metadata +81 -50
- data/_includes/pages_nav.html +0 -40
- data/_includes/topnav.html +0 -37
- data/_sass/_bootstrap.scss +0 -56
- data/_sass/_syntax-highlighting.scss +0 -71
- data/_sass/bootstrap/_alerts.scss +0 -73
- data/_sass/bootstrap/_badges.scss +0 -68
- data/_sass/bootstrap/_breadcrumbs.scss +0 -28
- data/_sass/bootstrap/_button-groups.scss +0 -244
- data/_sass/bootstrap/_component-animations.scss +0 -37
- data/_sass/bootstrap/_dropdowns.scss +0 -216
- data/_sass/bootstrap/_glyphicons.scss +0 -307
- data/_sass/bootstrap/_input-groups.scss +0 -171
- data/_sass/bootstrap/_labels.scss +0 -66
- data/_sass/bootstrap/_modals.scss +0 -150
- data/_sass/bootstrap/_navs.scss +0 -242
- data/_sass/bootstrap/_normalize.scss +0 -424
- data/_sass/bootstrap/_pager.scss +0 -54
- data/_sass/bootstrap/_panels.scss +0 -271
- data/_sass/bootstrap/_popovers.scss +0 -131
- data/_sass/bootstrap/_progress-bars.scss +0 -87
- data/_sass/bootstrap/_responsive-embed.scss +0 -35
- data/_sass/bootstrap/_responsive-utilities.scss +0 -179
- data/_sass/bootstrap/_scaffolding.scss +0 -161
- data/_sass/bootstrap/_theme.scss +0 -291
- data/_sass/bootstrap/_thumbnails.scss +0 -38
- data/_sass/bootstrap/_wells.scss +0 -29
- data/_sass/bootstrap/mixins/_alerts.scss +0 -14
- data/_sass/bootstrap/mixins/_center-block.scss +0 -7
- data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
- data/_sass/bootstrap/mixins/_labels.scss +0 -12
- data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
- data/_sass/bootstrap/mixins/_opacity.scss +0 -8
- data/_sass/bootstrap/mixins/_panels.scss +0 -24
- data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
- data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
- data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
- data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
- data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
- data/assets/css/font-awesome.min.css +0 -4
- data/assets/fonts/FontAwesome.otf +0 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +0 -2671
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
@@ -0,0 +1,19 @@
|
|
1
|
+
:root {
|
2
|
+
// Custom variable values only support SassScript inside `#{}`.
|
3
|
+
@each $color, $value in $colors {
|
4
|
+
--#{$color}: #{$value};
|
5
|
+
}
|
6
|
+
|
7
|
+
@each $color, $value in $theme-colors {
|
8
|
+
--#{$color}: #{$value};
|
9
|
+
}
|
10
|
+
|
11
|
+
@each $bp, $value in $grid-breakpoints {
|
12
|
+
--breakpoint-#{$bp}: #{$value};
|
13
|
+
}
|
14
|
+
|
15
|
+
// Use `inspect` for lists so that quoted items keep the quotes.
|
16
|
+
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
|
17
|
+
--font-family-sans-serif: #{inspect($font-family-sans-serif)};
|
18
|
+
--font-family-monospace: #{inspect($font-family-monospace)};
|
19
|
+
}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
//
|
2
|
+
// Rotating border
|
3
|
+
//
|
4
|
+
|
5
|
+
@keyframes spinner-border {
|
6
|
+
to { transform: rotate(360deg); }
|
7
|
+
}
|
8
|
+
|
9
|
+
.spinner-border {
|
10
|
+
display: inline-block;
|
11
|
+
width: $spinner-width;
|
12
|
+
height: $spinner-height;
|
13
|
+
vertical-align: text-bottom;
|
14
|
+
border: $spinner-border-width solid currentColor;
|
15
|
+
border-right-color: transparent;
|
16
|
+
border-radius: 50%;
|
17
|
+
animation: spinner-border .75s linear infinite;
|
18
|
+
}
|
19
|
+
|
20
|
+
.spinner-border-sm {
|
21
|
+
width: $spinner-width-sm;
|
22
|
+
height: $spinner-height-sm;
|
23
|
+
border-width: $spinner-border-width-sm;
|
24
|
+
}
|
25
|
+
|
26
|
+
//
|
27
|
+
// Growing circle
|
28
|
+
//
|
29
|
+
|
30
|
+
@keyframes spinner-grow {
|
31
|
+
0% {
|
32
|
+
transform: scale(0);
|
33
|
+
}
|
34
|
+
50% {
|
35
|
+
opacity: 1;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
.spinner-grow {
|
40
|
+
display: inline-block;
|
41
|
+
width: $spinner-width;
|
42
|
+
height: $spinner-height;
|
43
|
+
vertical-align: text-bottom;
|
44
|
+
background-color: currentColor;
|
45
|
+
border-radius: 50%;
|
46
|
+
opacity: 0;
|
47
|
+
animation: spinner-grow .75s linear infinite;
|
48
|
+
}
|
49
|
+
|
50
|
+
.spinner-grow-sm {
|
51
|
+
width: $spinner-width-sm;
|
52
|
+
height: $spinner-height-sm;
|
53
|
+
}
|
@@ -1,118 +1,82 @@
|
|
1
1
|
//
|
2
|
-
//
|
3
|
-
//
|
4
|
-
|
5
|
-
|
6
|
-
table {
|
7
|
-
background-color: $table-bg;
|
8
|
-
}
|
9
|
-
caption {
|
10
|
-
padding-top: $table-cell-padding;
|
11
|
-
padding-bottom: $table-cell-padding;
|
12
|
-
color: $text-muted;
|
13
|
-
text-align: left;
|
14
|
-
}
|
15
|
-
th {
|
16
|
-
text-align: left;
|
17
|
-
}
|
18
|
-
|
19
|
-
|
20
|
-
// Baseline styles
|
2
|
+
// Basic Bootstrap table
|
3
|
+
//
|
21
4
|
|
22
5
|
.table {
|
23
6
|
width: 100%;
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
> td {
|
33
|
-
padding: $table-cell-padding;
|
34
|
-
line-height: $line-height-base;
|
35
|
-
vertical-align: top;
|
36
|
-
border-top: 1px solid $table-border-color;
|
37
|
-
}
|
38
|
-
}
|
7
|
+
margin-bottom: $spacer;
|
8
|
+
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
|
9
|
+
|
10
|
+
th,
|
11
|
+
td {
|
12
|
+
padding: $table-cell-padding;
|
13
|
+
vertical-align: top;
|
14
|
+
border-top: $table-border-width solid $table-border-color;
|
39
15
|
}
|
40
|
-
|
41
|
-
|
16
|
+
|
17
|
+
thead th {
|
42
18
|
vertical-align: bottom;
|
43
|
-
border-bottom:
|
44
|
-
}
|
45
|
-
// Remove top border from thead by default
|
46
|
-
> caption + thead,
|
47
|
-
> colgroup + thead,
|
48
|
-
> thead:first-child {
|
49
|
-
> tr:first-child {
|
50
|
-
> th,
|
51
|
-
> td {
|
52
|
-
border-top: 0;
|
53
|
-
}
|
54
|
-
}
|
19
|
+
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
55
20
|
}
|
56
|
-
|
57
|
-
|
58
|
-
border-top:
|
21
|
+
|
22
|
+
tbody + tbody {
|
23
|
+
border-top: (2 * $table-border-width) solid $table-border-color;
|
59
24
|
}
|
60
25
|
|
61
|
-
// Nesting
|
62
26
|
.table {
|
63
27
|
background-color: $body-bg;
|
64
28
|
}
|
65
29
|
}
|
66
30
|
|
67
31
|
|
32
|
+
//
|
68
33
|
// Condensed table w/ half padding
|
34
|
+
//
|
69
35
|
|
70
|
-
.table-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
> tr {
|
75
|
-
> th,
|
76
|
-
> td {
|
77
|
-
padding: $table-condensed-cell-padding;
|
78
|
-
}
|
79
|
-
}
|
36
|
+
.table-sm {
|
37
|
+
th,
|
38
|
+
td {
|
39
|
+
padding: $table-cell-padding-sm;
|
80
40
|
}
|
81
41
|
}
|
82
42
|
|
83
43
|
|
84
|
-
//
|
44
|
+
// Border versions
|
85
45
|
//
|
86
|
-
// Add borders all around the table and between all the columns.
|
46
|
+
// Add or remove borders all around the table and between all the columns.
|
87
47
|
|
88
48
|
.table-bordered {
|
89
|
-
border:
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
> th,
|
95
|
-
> td {
|
96
|
-
border: 1px solid $table-border-color;
|
97
|
-
}
|
98
|
-
}
|
49
|
+
border: $table-border-width solid $table-border-color;
|
50
|
+
|
51
|
+
th,
|
52
|
+
td {
|
53
|
+
border: $table-border-width solid $table-border-color;
|
99
54
|
}
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
55
|
+
|
56
|
+
thead {
|
57
|
+
th,
|
58
|
+
td {
|
59
|
+
border-bottom-width: 2 * $table-border-width;
|
104
60
|
}
|
105
61
|
}
|
106
62
|
}
|
107
63
|
|
64
|
+
.table-borderless {
|
65
|
+
th,
|
66
|
+
td,
|
67
|
+
thead th,
|
68
|
+
tbody + tbody {
|
69
|
+
border: 0;
|
70
|
+
}
|
71
|
+
}
|
108
72
|
|
109
73
|
// Zebra-striping
|
110
74
|
//
|
111
75
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
112
76
|
|
113
77
|
.table-striped {
|
114
|
-
|
115
|
-
background-color: $table-bg
|
78
|
+
tbody tr:nth-of-type(#{$table-striped-order}) {
|
79
|
+
background-color: $table-accent-bg;
|
116
80
|
}
|
117
81
|
}
|
118
82
|
|
@@ -122,113 +86,102 @@ th {
|
|
122
86
|
// Placed here since it has to come after the potential zebra striping
|
123
87
|
|
124
88
|
.table-hover {
|
125
|
-
|
126
|
-
|
89
|
+
tbody tr {
|
90
|
+
@include hover {
|
91
|
+
background-color: $table-hover-bg;
|
92
|
+
}
|
127
93
|
}
|
128
94
|
}
|
129
95
|
|
130
96
|
|
131
|
-
// Table
|
97
|
+
// Table backgrounds
|
132
98
|
//
|
133
|
-
//
|
99
|
+
// Exact selectors below required to override `.table-striped` and prevent
|
100
|
+
// inheritance to nested tables.
|
134
101
|
|
135
|
-
|
136
|
-
|
137
|
-
float: none;
|
138
|
-
display: table-column;
|
102
|
+
@each $color, $value in $theme-colors {
|
103
|
+
@include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
|
139
104
|
}
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
105
|
+
|
106
|
+
@include table-row-variant(active, $table-active-bg);
|
107
|
+
|
108
|
+
|
109
|
+
// Dark styles
|
110
|
+
//
|
111
|
+
// Same table markup, but inverted color scheme: dark background and light text.
|
112
|
+
|
113
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
114
|
+
.table {
|
115
|
+
.thead-dark {
|
116
|
+
th {
|
117
|
+
color: $table-dark-color;
|
118
|
+
background-color: $table-dark-bg;
|
119
|
+
border-color: $table-dark-border-color;
|
147
120
|
}
|
148
121
|
}
|
149
|
-
}
|
150
122
|
|
123
|
+
.thead-light {
|
124
|
+
th {
|
125
|
+
color: $table-head-color;
|
126
|
+
background-color: $table-head-bg;
|
127
|
+
border-color: $table-border-color;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
}
|
151
131
|
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
// inheritance to nested tables.
|
132
|
+
.table-dark {
|
133
|
+
color: $table-dark-color;
|
134
|
+
background-color: $table-dark-bg;
|
156
135
|
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
@include table-row-variant('danger', $state-danger-bg);
|
136
|
+
th,
|
137
|
+
td,
|
138
|
+
thead th {
|
139
|
+
border-color: $table-dark-border-color;
|
140
|
+
}
|
163
141
|
|
142
|
+
&.table-bordered {
|
143
|
+
border: 0;
|
144
|
+
}
|
164
145
|
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
146
|
+
&.table-striped {
|
147
|
+
tbody tr:nth-of-type(odd) {
|
148
|
+
background-color: $table-dark-accent-bg;
|
149
|
+
}
|
150
|
+
}
|
170
151
|
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
@media screen and (max-width: $screen-xs-max) {
|
176
|
-
width: 100%;
|
177
|
-
margin-bottom: ($line-height-computed * 0.75);
|
178
|
-
overflow-y: hidden;
|
179
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
180
|
-
border: 1px solid $table-border-color;
|
181
|
-
|
182
|
-
// Tighten up spacing
|
183
|
-
> .table {
|
184
|
-
margin-bottom: 0;
|
185
|
-
|
186
|
-
// Ensure the content doesn't wrap
|
187
|
-
> thead,
|
188
|
-
> tbody,
|
189
|
-
> tfoot {
|
190
|
-
> tr {
|
191
|
-
> th,
|
192
|
-
> td {
|
193
|
-
white-space: nowrap;
|
194
|
-
}
|
195
|
-
}
|
152
|
+
&.table-hover {
|
153
|
+
tbody tr {
|
154
|
+
@include hover {
|
155
|
+
background-color: $table-dark-hover-bg;
|
196
156
|
}
|
197
157
|
}
|
158
|
+
}
|
159
|
+
}
|
198
160
|
|
199
|
-
// Special overrides for the bordered tables
|
200
|
-
> .table-bordered {
|
201
|
-
border: 0;
|
202
|
-
|
203
|
-
// Nuke the appropriate borders so that the parent can handle them
|
204
|
-
> thead,
|
205
|
-
> tbody,
|
206
|
-
> tfoot {
|
207
|
-
> tr {
|
208
|
-
> th:first-child,
|
209
|
-
> td:first-child {
|
210
|
-
border-left: 0;
|
211
|
-
}
|
212
|
-
> th:last-child,
|
213
|
-
> td:last-child {
|
214
|
-
border-right: 0;
|
215
|
-
}
|
216
|
-
}
|
217
|
-
}
|
218
161
|
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
162
|
+
// Responsive tables
|
163
|
+
//
|
164
|
+
// Generate series of `.table-responsive-*` classes for configuring the screen
|
165
|
+
// size of where your table will overflow.
|
166
|
+
|
167
|
+
.table-responsive {
|
168
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
169
|
+
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
170
|
+
$infix: breakpoint-infix($next, $grid-breakpoints);
|
171
|
+
|
172
|
+
&#{$infix} {
|
173
|
+
@include media-breakpoint-down($breakpoint) {
|
174
|
+
display: block;
|
175
|
+
width: 100%;
|
176
|
+
overflow-x: auto;
|
177
|
+
-webkit-overflow-scrolling: touch;
|
178
|
+
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
|
179
|
+
|
180
|
+
// Prevent double border on horizontal scroll due to use of `display: block;`
|
181
|
+
> .table-bordered {
|
182
|
+
border: 0;
|
229
183
|
}
|
230
184
|
}
|
231
|
-
|
232
185
|
}
|
233
186
|
}
|
234
187
|
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
.toast {
|
2
|
+
max-width: $toast-max-width;
|
3
|
+
overflow: hidden; // cheap rounded corners on nested items
|
4
|
+
font-size: $toast-font-size; // knock it down to 14px
|
5
|
+
background-color: $toast-background-color;
|
6
|
+
background-clip: padding-box;
|
7
|
+
border: $toast-border-width solid $toast-border-color;
|
8
|
+
border-radius: $toast-border-radius;
|
9
|
+
box-shadow: $toast-box-shadow;
|
10
|
+
backdrop-filter: blur(10px);
|
11
|
+
opacity: 0;
|
12
|
+
|
13
|
+
&:not(:last-child) {
|
14
|
+
margin-bottom: $toast-padding-x;
|
15
|
+
}
|
16
|
+
|
17
|
+
&.showing {
|
18
|
+
opacity: 1;
|
19
|
+
}
|
20
|
+
|
21
|
+
&.show {
|
22
|
+
display: block;
|
23
|
+
opacity: 1;
|
24
|
+
}
|
25
|
+
|
26
|
+
&.hide {
|
27
|
+
display: none;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.toast-header {
|
32
|
+
display: flex;
|
33
|
+
align-items: center;
|
34
|
+
padding: $toast-padding-y $toast-padding-x;
|
35
|
+
color: $toast-header-color;
|
36
|
+
background-color: $toast-header-background-color;
|
37
|
+
background-clip: padding-box;
|
38
|
+
border-bottom: $toast-border-width solid $toast-header-border-color;
|
39
|
+
}
|
40
|
+
|
41
|
+
.toast-body {
|
42
|
+
padding: $toast-padding-x; // apply to both vertical and horizontal
|
43
|
+
}
|