@sd-angular/core 19.0.0-beta.86 → 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.
Files changed (144) hide show
  1. package/README.md +716 -716
  2. package/assets/fonts/fonts.scss +115 -115
  3. package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
  4. package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
  5. package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
  6. package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
  7. package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
  8. package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
  9. package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
  10. package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
  11. package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
  12. package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
  13. package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
  14. package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
  15. package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
  16. package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
  17. package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
  18. package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
  19. package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
  20. package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
  21. package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
  22. package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
  23. package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
  24. package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
  25. package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
  26. package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
  27. package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
  28. package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
  29. package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
  30. package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
  31. package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
  32. package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
  33. package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
  34. package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
  35. package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
  36. package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
  37. package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
  38. package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
  39. package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
  40. package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
  41. package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
  42. package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
  43. package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
  44. package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
  45. package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
  46. package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
  47. package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
  48. package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
  49. package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
  50. package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
  51. package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
  52. package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
  53. package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
  54. package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
  55. package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
  56. package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
  57. package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
  58. package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
  59. package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
  60. package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
  61. package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
  62. package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
  63. package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
  64. package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
  65. package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
  66. package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
  67. package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
  68. package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
  69. package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
  70. package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
  71. package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
  72. package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
  73. package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
  74. package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
  75. package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
  76. package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
  77. package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
  78. package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
  79. package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
  80. package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
  81. package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
  82. package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
  83. package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
  84. package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
  85. package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
  86. package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
  87. package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
  88. package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
  89. package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
  90. package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
  91. package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
  92. package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
  93. package/assets/scss/core/print.scss +47 -47
  94. package/assets/scss/core/scrollbar.scss +30 -30
  95. package/assets/scss/core/typography.scss +121 -121
  96. package/components/anchor/index.d.ts +1 -0
  97. package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
  98. package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
  99. package/components/anchor/src/components/main/main.component.d.ts +13 -18
  100. package/components/anchor/src/models/anchor.model.d.ts +7 -0
  101. package/components/anchor/src/models/index.d.ts +1 -0
  102. package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
  103. package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
  104. package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
  105. package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
  106. package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
  107. package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
  108. package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
  109. package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
  110. package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
  111. package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
  112. package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
  113. package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
  114. package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
  115. package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
  116. package/fesm2022/sd-angular-core-components-table.mjs +6 -6
  117. package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
  118. package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
  119. package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
  120. package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
  121. package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
  122. package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
  123. package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
  124. package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
  125. package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
  126. package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
  127. package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
  128. package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
  129. package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
  130. package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
  131. package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
  132. package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
  133. package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
  134. package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
  135. package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
  136. package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
  137. package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
  138. package/fesm2022/sd-angular-core.mjs.map +1 -1
  139. package/package.json +62 -62
  140. package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
  141. package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
  142. package/components/anchor/src/services/anchor.service.d.ts +0 -12
  143. package/components/anchor/src/services/index.d.ts +0 -1
  144. package/sd-angular-core-19.0.0-beta.86.tgz +0 -0
@@ -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
+ }