@stackoverflow/stacks 2.8.1 → 2.8.3
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/dist/css/stacks.css +16 -1
- package/dist/css/stacks.min.css +1 -1
- package/dist/js/stacks.js +30 -23
- package/dist/js/stacks.min.js +1 -1
- package/lib/components/button-group/button-group.less +0 -1
- package/lib/components/modal/modal.ts +34 -25
- package/lib/components/navigation/navigation.less +19 -0
- package/package.json +1 -1
package/dist/css/stacks.css
CHANGED
|
@@ -1753,7 +1753,6 @@ body.theme-highcontrast .s-btn.s-btn__github {
|
|
|
1753
1753
|
}
|
|
1754
1754
|
.s-btn-group .s-btn .s-btn--text:before {
|
|
1755
1755
|
content: attr(data-text);
|
|
1756
|
-
content: attr(data-text) / "";
|
|
1757
1756
|
font-weight: bold;
|
|
1758
1757
|
height: 0;
|
|
1759
1758
|
pointer-events: none;
|
|
@@ -3070,6 +3069,7 @@ body.theme-highcontrast.theme-dark .s-modal {
|
|
|
3070
3069
|
--_na-item-selected-bg: var(--theme-primary);
|
|
3071
3070
|
--_na-item-selected-fc: var(--white);
|
|
3072
3071
|
--_na-item-selected-bg-hover: var(--theme-primary-500);
|
|
3072
|
+
--_na-item-text-ta: center;
|
|
3073
3073
|
--_na-title-mt: var(--su16);
|
|
3074
3074
|
flex-direction: var(--_na-fd);
|
|
3075
3075
|
flex-wrap: var(--_na-fw);
|
|
@@ -3113,6 +3113,7 @@ body.theme-highcontrast .s-navigation {
|
|
|
3113
3113
|
--_na-fd: column;
|
|
3114
3114
|
--_na-gap: 0;
|
|
3115
3115
|
--_na-p: 0;
|
|
3116
|
+
--_na-item-text-ta: unset;
|
|
3116
3117
|
--_na-item-ws: normal;
|
|
3117
3118
|
}
|
|
3118
3119
|
.s-navigation.s-navigation__muted {
|
|
@@ -3146,6 +3147,7 @@ body.theme-highcontrast .s-navigation.s-navigation__muted {
|
|
|
3146
3147
|
--_na-item-fc: var(--_na-item-selected-fc);
|
|
3147
3148
|
--_na-item-fc-hover: var(--_na-item-fc);
|
|
3148
3149
|
--_na-item-bg-hover: var(--_na-item-selected-bg-hover);
|
|
3150
|
+
font-weight: bold;
|
|
3149
3151
|
}
|
|
3150
3152
|
body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
3151
3153
|
text-decoration: none;
|
|
@@ -3173,6 +3175,19 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
|
3173
3175
|
box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
|
|
3174
3176
|
outline: var(--su-static2) solid transparent !important;
|
|
3175
3177
|
}
|
|
3178
|
+
.s-navigation .s-navigation--item-text {
|
|
3179
|
+
display: inline-flex;
|
|
3180
|
+
flex-direction: column;
|
|
3181
|
+
text-align: var(--_na-item-text-ta);
|
|
3182
|
+
}
|
|
3183
|
+
.s-navigation .s-navigation--item-text:before {
|
|
3184
|
+
content: attr(data-text);
|
|
3185
|
+
font-weight: bold;
|
|
3186
|
+
height: 0;
|
|
3187
|
+
pointer-events: none;
|
|
3188
|
+
user-select: none;
|
|
3189
|
+
visibility: hidden;
|
|
3190
|
+
}
|
|
3176
3191
|
.s-navigation .s-navigation--title {
|
|
3177
3192
|
margin-top: var(--_na-title-mt);
|
|
3178
3193
|
font-size: var(--fs-fine);
|