@sd-angular/core 19.0.0-beta.85 → 19.0.0-beta.87
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.
- package/README.md +716 -716
- package/assets/fonts/fonts.scss +115 -115
- package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
- package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
- package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
- package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
- package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
- package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
- package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
- package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
- package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
- package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
- package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
- package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
- package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
- package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
- package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
- package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
- package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
- package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
- package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
- package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
- package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
- package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
- package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
- package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
- package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
- package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
- package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
- package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
- package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
- package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
- package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
- package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
- package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
- package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
- package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
- package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
- package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
- package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
- package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
- package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
- package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
- package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
- package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
- package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
- package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
- package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
- package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
- package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
- package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
- package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
- package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
- package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
- package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
- package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
- package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
- package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
- package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
- package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
- package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
- package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
- package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
- package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
- package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
- package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
- package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
- package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
- package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
- package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
- package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
- package/assets/scss/core/print.scss +47 -47
- package/assets/scss/core/scrollbar.scss +30 -30
- package/assets/scss/core/typography.scss +121 -121
- package/components/anchor/index.d.ts +1 -0
- package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
- package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
- package/components/anchor/src/components/main/main.component.d.ts +13 -18
- package/components/anchor/src/models/anchor.model.d.ts +7 -0
- package/components/anchor/src/models/index.d.ts +1 -0
- package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
- package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
- package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
- package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
- package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
- package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
- package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
- package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-table.mjs +8 -12
- package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
- package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
- package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
- package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
- package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
- package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
- package/fesm2022/sd-angular-core.mjs.map +1 -1
- package/package.json +72 -72
- package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
- package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
- package/components/anchor/src/services/anchor.service.d.ts +0 -12
- package/components/anchor/src/services/index.d.ts +0 -1
- package/sd-angular-core-19.0.0-beta.85.tgz +0 -0
package/assets/fonts/fonts.scss
CHANGED
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
/* =========================================
|
|
2
|
-
1. ROBOTO (Text Font)
|
|
3
|
-
========================================= */
|
|
4
|
-
|
|
5
|
-
@font-face {
|
|
6
|
-
font-family: 'Roboto';
|
|
7
|
-
src: url('./roboto/roboto-v50-latin_vietnamese-regular.woff2') format('woff2');
|
|
8
|
-
font-weight: 400;
|
|
9
|
-
font-style: normal;
|
|
10
|
-
font-display: swap;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@font-face {
|
|
14
|
-
font-family: 'Roboto';
|
|
15
|
-
src: url('./roboto/roboto-v50-latin_vietnamese-italic.woff2') format('woff2');
|
|
16
|
-
font-weight: 400;
|
|
17
|
-
font-style: italic;
|
|
18
|
-
font-display: swap;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
@font-face {
|
|
23
|
-
font-family: 'Roboto';
|
|
24
|
-
src: url('./roboto/roboto-v50-latin_vietnamese-500.woff2') format('woff2');
|
|
25
|
-
font-weight: 500;
|
|
26
|
-
font-style: normal;
|
|
27
|
-
font-display: swap;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@font-face {
|
|
31
|
-
font-family: 'Roboto';
|
|
32
|
-
src: url('./roboto/roboto-v50-latin_vietnamese-600.woff2') format('woff2');
|
|
33
|
-
font-weight: 600;
|
|
34
|
-
font-style: normal;
|
|
35
|
-
font-display: swap;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* =========================================
|
|
39
|
-
2. MATERIAL ICONS (Cũ - Classic)
|
|
40
|
-
========================================= */
|
|
41
|
-
|
|
42
|
-
/* Filled (Regular) */
|
|
43
|
-
@font-face {
|
|
44
|
-
font-family: 'Material Icons';
|
|
45
|
-
src: url('./material-icons/material-icons-v145-latin-regular.woff2') format('woff2');
|
|
46
|
-
font-weight: 400;
|
|
47
|
-
font-style: normal;
|
|
48
|
-
font-display: block;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* Outlined */
|
|
52
|
-
@font-face {
|
|
53
|
-
font-family: 'Material Icons Outlined';
|
|
54
|
-
src: url('./material-icons/material-icons-outlined-v110-latin-regular.woff2') format('woff2');
|
|
55
|
-
font-weight: 400;
|
|
56
|
-
font-style: normal;
|
|
57
|
-
font-display: block;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
/* =========================================
|
|
61
|
-
3. MATERIAL SYMBOLS (Mới - v29)
|
|
62
|
-
Đây là bộ icon thế hệ mới của Google
|
|
63
|
-
========================================= */
|
|
64
|
-
@font-face {
|
|
65
|
-
font-family: 'Material Symbols Outlined'; /* Đặt tên này để khớp với class chuẩn */
|
|
66
|
-
src: url('./material-symbols/material-symbols-v29-latin-regular.woff2') format('woff2');
|
|
67
|
-
font-weight: 400;
|
|
68
|
-
font-style: normal;
|
|
69
|
-
font-display: block;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/* =========================================
|
|
73
|
-
4. CSS CLASSES (Utility Classes)
|
|
74
|
-
========================================= */
|
|
75
|
-
|
|
76
|
-
/* Class dùng chung để tránh lặp code */
|
|
77
|
-
%icon-shared-style {
|
|
78
|
-
font-weight: normal;
|
|
79
|
-
font-style: normal;
|
|
80
|
-
font-size: 24px;
|
|
81
|
-
line-height: 1;
|
|
82
|
-
letter-spacing: normal;
|
|
83
|
-
text-transform: none;
|
|
84
|
-
display: inline-block;
|
|
85
|
-
white-space: nowrap;
|
|
86
|
-
word-wrap: normal;
|
|
87
|
-
direction: ltr;
|
|
88
|
-
/* 1. Hỗ trợ trình duyệt cũ (Webkit/Chrome cũ) */
|
|
89
|
-
-webkit-font-feature-settings: 'liga';
|
|
90
|
-
|
|
91
|
-
/* 2. Thuộc tính chuẩn (Standard) - Bắt buộc phải có để hết warning */
|
|
92
|
-
font-feature-settings: 'liga';
|
|
93
|
-
/* ======================================================== */
|
|
94
|
-
/* Làm mượt font trên các nền tảng */
|
|
95
|
-
-webkit-font-smoothing: antialiased;
|
|
96
|
-
text-rendering: optimizeLegibility;
|
|
97
|
-
-moz-osx-font-smoothing: grayscale;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
/* Áp dụng lại cho các class */
|
|
101
|
-
.material-icons {
|
|
102
|
-
font-family: 'Material Icons';
|
|
103
|
-
@extend %icon-shared-style;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.material-icons-outlined {
|
|
107
|
-
font-family: 'Material Icons Outlined';
|
|
108
|
-
@extend %icon-shared-style;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.material-symbols-outlined {
|
|
112
|
-
font-family: 'Material Symbols Outlined';
|
|
113
|
-
@extend %icon-shared-style;
|
|
114
|
-
/* Symbols có thể cần thêm settings riêng nếu dùng variable font,
|
|
115
|
-
nhưng với file woff2 tĩnh của bạn thì setting trên là đủ */
|
|
1
|
+
/* =========================================
|
|
2
|
+
1. ROBOTO (Text Font)
|
|
3
|
+
========================================= */
|
|
4
|
+
|
|
5
|
+
@font-face {
|
|
6
|
+
font-family: 'Roboto';
|
|
7
|
+
src: url('./roboto/roboto-v50-latin_vietnamese-regular.woff2') format('woff2');
|
|
8
|
+
font-weight: 400;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
font-display: swap;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: 'Roboto';
|
|
15
|
+
src: url('./roboto/roboto-v50-latin_vietnamese-italic.woff2') format('woff2');
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
font-style: italic;
|
|
18
|
+
font-display: swap;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: 'Roboto';
|
|
24
|
+
src: url('./roboto/roboto-v50-latin_vietnamese-500.woff2') format('woff2');
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
font-style: normal;
|
|
27
|
+
font-display: swap;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@font-face {
|
|
31
|
+
font-family: 'Roboto';
|
|
32
|
+
src: url('./roboto/roboto-v50-latin_vietnamese-600.woff2') format('woff2');
|
|
33
|
+
font-weight: 600;
|
|
34
|
+
font-style: normal;
|
|
35
|
+
font-display: swap;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* =========================================
|
|
39
|
+
2. MATERIAL ICONS (Cũ - Classic)
|
|
40
|
+
========================================= */
|
|
41
|
+
|
|
42
|
+
/* Filled (Regular) */
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Material Icons';
|
|
45
|
+
src: url('./material-icons/material-icons-v145-latin-regular.woff2') format('woff2');
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
font-style: normal;
|
|
48
|
+
font-display: block;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Outlined */
|
|
52
|
+
@font-face {
|
|
53
|
+
font-family: 'Material Icons Outlined';
|
|
54
|
+
src: url('./material-icons/material-icons-outlined-v110-latin-regular.woff2') format('woff2');
|
|
55
|
+
font-weight: 400;
|
|
56
|
+
font-style: normal;
|
|
57
|
+
font-display: block;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* =========================================
|
|
61
|
+
3. MATERIAL SYMBOLS (Mới - v29)
|
|
62
|
+
Đây là bộ icon thế hệ mới của Google
|
|
63
|
+
========================================= */
|
|
64
|
+
@font-face {
|
|
65
|
+
font-family: 'Material Symbols Outlined'; /* Đặt tên này để khớp với class chuẩn */
|
|
66
|
+
src: url('./material-symbols/material-symbols-v29-latin-regular.woff2') format('woff2');
|
|
67
|
+
font-weight: 400;
|
|
68
|
+
font-style: normal;
|
|
69
|
+
font-display: block;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* =========================================
|
|
73
|
+
4. CSS CLASSES (Utility Classes)
|
|
74
|
+
========================================= */
|
|
75
|
+
|
|
76
|
+
/* Class dùng chung để tránh lặp code */
|
|
77
|
+
%icon-shared-style {
|
|
78
|
+
font-weight: normal;
|
|
79
|
+
font-style: normal;
|
|
80
|
+
font-size: 24px;
|
|
81
|
+
line-height: 1;
|
|
82
|
+
letter-spacing: normal;
|
|
83
|
+
text-transform: none;
|
|
84
|
+
display: inline-block;
|
|
85
|
+
white-space: nowrap;
|
|
86
|
+
word-wrap: normal;
|
|
87
|
+
direction: ltr;
|
|
88
|
+
/* 1. Hỗ trợ trình duyệt cũ (Webkit/Chrome cũ) */
|
|
89
|
+
-webkit-font-feature-settings: 'liga';
|
|
90
|
+
|
|
91
|
+
/* 2. Thuộc tính chuẩn (Standard) - Bắt buộc phải có để hết warning */
|
|
92
|
+
font-feature-settings: 'liga';
|
|
93
|
+
/* ======================================================== */
|
|
94
|
+
/* Làm mượt font trên các nền tảng */
|
|
95
|
+
-webkit-font-smoothing: antialiased;
|
|
96
|
+
text-rendering: optimizeLegibility;
|
|
97
|
+
-moz-osx-font-smoothing: grayscale;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* Áp dụng lại cho các class */
|
|
101
|
+
.material-icons {
|
|
102
|
+
font-family: 'Material Icons';
|
|
103
|
+
@extend %icon-shared-style;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.material-icons-outlined {
|
|
107
|
+
font-family: 'Material Icons Outlined';
|
|
108
|
+
@extend %icon-shared-style;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.material-symbols-outlined {
|
|
112
|
+
font-family: 'Material Symbols Outlined';
|
|
113
|
+
@extend %icon-shared-style;
|
|
114
|
+
/* Symbols có thể cần thêm settings riêng nếu dùng variable font,
|
|
115
|
+
nhưng với file woff2 tĩnh của bạn thì setting trên là đủ */
|
|
116
116
|
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Base styles
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
.alert {
|
|
6
|
-
position: relative;
|
|
7
|
-
padding: $alert-padding-y $alert-padding-x;
|
|
8
|
-
margin-bottom: $alert-margin-bottom;
|
|
9
|
-
border: $alert-border-width solid transparent;
|
|
10
|
-
@include border-radius($alert-border-radius);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// Headings for larger alerts
|
|
14
|
-
.alert-heading {
|
|
15
|
-
// Specified to prevent conflicts of changing $headings-color
|
|
16
|
-
color: inherit;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
// Provide class for links that match alerts
|
|
20
|
-
.alert-link {
|
|
21
|
-
font-weight: $alert-link-font-weight;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// Dismissible alerts
|
|
26
|
-
//
|
|
27
|
-
// Expand the right padding and account for the close button's positioning.
|
|
28
|
-
|
|
29
|
-
.alert-dismissible {
|
|
30
|
-
padding-right: $close-font-size + $alert-padding-x * 2;
|
|
31
|
-
|
|
32
|
-
// Adjust close link position
|
|
33
|
-
.close {
|
|
34
|
-
position: absolute;
|
|
35
|
-
top: 0;
|
|
36
|
-
right: 0;
|
|
37
|
-
z-index: 2;
|
|
38
|
-
padding: $alert-padding-y $alert-padding-x;
|
|
39
|
-
color: inherit;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
// Alternate styles
|
|
45
|
-
//
|
|
46
|
-
// Generate contextual modifier classes for colorizing the alert.
|
|
47
|
-
|
|
48
|
-
@each $color, $value in $theme-colors {
|
|
49
|
-
.alert-#{$color} {
|
|
50
|
-
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
|
|
51
|
-
}
|
|
52
|
-
}
|
|
1
|
+
//
|
|
2
|
+
// Base styles
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
.alert {
|
|
6
|
+
position: relative;
|
|
7
|
+
padding: $alert-padding-y $alert-padding-x;
|
|
8
|
+
margin-bottom: $alert-margin-bottom;
|
|
9
|
+
border: $alert-border-width solid transparent;
|
|
10
|
+
@include border-radius($alert-border-radius);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// Headings for larger alerts
|
|
14
|
+
.alert-heading {
|
|
15
|
+
// Specified to prevent conflicts of changing $headings-color
|
|
16
|
+
color: inherit;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// Provide class for links that match alerts
|
|
20
|
+
.alert-link {
|
|
21
|
+
font-weight: $alert-link-font-weight;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
// Dismissible alerts
|
|
26
|
+
//
|
|
27
|
+
// Expand the right padding and account for the close button's positioning.
|
|
28
|
+
|
|
29
|
+
.alert-dismissible {
|
|
30
|
+
padding-right: $close-font-size + $alert-padding-x * 2;
|
|
31
|
+
|
|
32
|
+
// Adjust close link position
|
|
33
|
+
.close {
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 0;
|
|
36
|
+
right: 0;
|
|
37
|
+
z-index: 2;
|
|
38
|
+
padding: $alert-padding-y $alert-padding-x;
|
|
39
|
+
color: inherit;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
// Alternate styles
|
|
45
|
+
//
|
|
46
|
+
// Generate contextual modifier classes for colorizing the alert.
|
|
47
|
+
|
|
48
|
+
@each $color, $value in $theme-colors {
|
|
49
|
+
.alert-#{$color} {
|
|
50
|
+
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
// Base class
|
|
2
|
-
//
|
|
3
|
-
// Requires one of the contextual, color modifier classes for `color` and
|
|
4
|
-
// `background-color`.
|
|
5
|
-
|
|
6
|
-
.badge {
|
|
7
|
-
display: inline-block;
|
|
8
|
-
padding: $badge-padding-y $badge-padding-x;
|
|
9
|
-
@include font-size($badge-font-size);
|
|
10
|
-
font-weight: $badge-font-weight;
|
|
11
|
-
line-height: 1;
|
|
12
|
-
text-align: center;
|
|
13
|
-
white-space: nowrap;
|
|
14
|
-
vertical-align: baseline;
|
|
15
|
-
@include border-radius($badge-border-radius);
|
|
16
|
-
@include transition($badge-transition);
|
|
17
|
-
|
|
18
|
-
@at-root a#{&} {
|
|
19
|
-
@include hover-focus() {
|
|
20
|
-
text-decoration: none;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Empty badges collapse automatically
|
|
25
|
-
&:empty {
|
|
26
|
-
display: none;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// Quick fix for badges in buttons
|
|
31
|
-
.btn .badge {
|
|
32
|
-
position: relative;
|
|
33
|
-
top: -1px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// Pill badges
|
|
37
|
-
//
|
|
38
|
-
// Make them extra rounded with a modifier to replace v3's badges.
|
|
39
|
-
|
|
40
|
-
.badge-pill {
|
|
41
|
-
padding-right: $badge-pill-padding-x;
|
|
42
|
-
padding-left: $badge-pill-padding-x;
|
|
43
|
-
@include border-radius($badge-pill-border-radius);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// Colors
|
|
47
|
-
//
|
|
48
|
-
// Contextual variations (linked badges get dark on :hover).
|
|
49
|
-
|
|
50
|
-
@each $color, $value in $theme-colors {
|
|
51
|
-
.badge-#{$color} {
|
|
52
|
-
@include badge-variant($value);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
1
|
+
// Base class
|
|
2
|
+
//
|
|
3
|
+
// Requires one of the contextual, color modifier classes for `color` and
|
|
4
|
+
// `background-color`.
|
|
5
|
+
|
|
6
|
+
.badge {
|
|
7
|
+
display: inline-block;
|
|
8
|
+
padding: $badge-padding-y $badge-padding-x;
|
|
9
|
+
@include font-size($badge-font-size);
|
|
10
|
+
font-weight: $badge-font-weight;
|
|
11
|
+
line-height: 1;
|
|
12
|
+
text-align: center;
|
|
13
|
+
white-space: nowrap;
|
|
14
|
+
vertical-align: baseline;
|
|
15
|
+
@include border-radius($badge-border-radius);
|
|
16
|
+
@include transition($badge-transition);
|
|
17
|
+
|
|
18
|
+
@at-root a#{&} {
|
|
19
|
+
@include hover-focus() {
|
|
20
|
+
text-decoration: none;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// Empty badges collapse automatically
|
|
25
|
+
&:empty {
|
|
26
|
+
display: none;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// Quick fix for badges in buttons
|
|
31
|
+
.btn .badge {
|
|
32
|
+
position: relative;
|
|
33
|
+
top: -1px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// Pill badges
|
|
37
|
+
//
|
|
38
|
+
// Make them extra rounded with a modifier to replace v3's badges.
|
|
39
|
+
|
|
40
|
+
.badge-pill {
|
|
41
|
+
padding-right: $badge-pill-padding-x;
|
|
42
|
+
padding-left: $badge-pill-padding-x;
|
|
43
|
+
@include border-radius($badge-pill-border-radius);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// Colors
|
|
47
|
+
//
|
|
48
|
+
// Contextual variations (linked badges get dark on :hover).
|
|
49
|
+
|
|
50
|
+
@each $color, $value in $theme-colors {
|
|
51
|
+
.badge-#{$color} {
|
|
52
|
+
@include badge-variant($value);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
.breadcrumb {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-wrap: wrap;
|
|
4
|
-
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
|
5
|
-
margin-bottom: $breadcrumb-margin-bottom;
|
|
6
|
-
@include font-size($breadcrumb-font-size);
|
|
7
|
-
list-style: none;
|
|
8
|
-
background-color: $breadcrumb-bg;
|
|
9
|
-
@include border-radius($breadcrumb-border-radius);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.breadcrumb-item {
|
|
13
|
-
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
|
14
|
-
+ .breadcrumb-item {
|
|
15
|
-
padding-left: $breadcrumb-item-padding;
|
|
16
|
-
|
|
17
|
-
&::before {
|
|
18
|
-
float: left; // Suppress inline spacings and underlining of the separator
|
|
19
|
-
padding-right: $breadcrumb-item-padding;
|
|
20
|
-
color: $breadcrumb-divider-color;
|
|
21
|
-
content: escape-svg($breadcrumb-divider);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
|
|
26
|
-
// without `<ul>`s. The `::before` pseudo-element generates an element
|
|
27
|
-
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
|
|
28
|
-
//
|
|
29
|
-
// To trick IE into suppressing the underline, we give the pseudo-element an
|
|
30
|
-
// underline and then immediately remove it.
|
|
31
|
-
+ .breadcrumb-item:hover::before {
|
|
32
|
-
text-decoration: underline;
|
|
33
|
-
}
|
|
34
|
-
// stylelint-disable-next-line no-duplicate-selectors
|
|
35
|
-
+ .breadcrumb-item:hover::before {
|
|
36
|
-
text-decoration: none;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&.active {
|
|
40
|
-
color: $breadcrumb-active-color;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
1
|
+
.breadcrumb {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-wrap: wrap;
|
|
4
|
+
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
|
5
|
+
margin-bottom: $breadcrumb-margin-bottom;
|
|
6
|
+
@include font-size($breadcrumb-font-size);
|
|
7
|
+
list-style: none;
|
|
8
|
+
background-color: $breadcrumb-bg;
|
|
9
|
+
@include border-radius($breadcrumb-border-radius);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.breadcrumb-item {
|
|
13
|
+
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
|
14
|
+
+ .breadcrumb-item {
|
|
15
|
+
padding-left: $breadcrumb-item-padding;
|
|
16
|
+
|
|
17
|
+
&::before {
|
|
18
|
+
float: left; // Suppress inline spacings and underlining of the separator
|
|
19
|
+
padding-right: $breadcrumb-item-padding;
|
|
20
|
+
color: $breadcrumb-divider-color;
|
|
21
|
+
content: escape-svg($breadcrumb-divider);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
|
|
26
|
+
// without `<ul>`s. The `::before` pseudo-element generates an element
|
|
27
|
+
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
|
|
28
|
+
//
|
|
29
|
+
// To trick IE into suppressing the underline, we give the pseudo-element an
|
|
30
|
+
// underline and then immediately remove it.
|
|
31
|
+
+ .breadcrumb-item:hover::before {
|
|
32
|
+
text-decoration: underline;
|
|
33
|
+
}
|
|
34
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
|
35
|
+
+ .breadcrumb-item:hover::before {
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.active {
|
|
40
|
+
color: $breadcrumb-active-color;
|
|
41
|
+
}
|
|
42
|
+
}
|