@stackoverflow/stacks 1.9.2 → 1.9.4
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 +56 -5
- package/dist/css/stacks.min.css +1 -1
- package/lib/components/button/button.less +6 -0
- package/lib/components/post-summary/post-summary.less +31 -4
- package/lib/components/topbar/topbar.less +1 -0
- package/lib/exports/constants-colors.less +1 -1
- package/package.json +9 -9
package/dist/css/stacks.css
CHANGED
|
@@ -1303,6 +1303,10 @@ body.theme-highcontrast .s-btn {
|
|
|
1303
1303
|
--_bu-bc-selected: var(--_bu-bc);
|
|
1304
1304
|
--_bu-badge-o: 0.8;
|
|
1305
1305
|
}
|
|
1306
|
+
body.theme-highcontrast .s-btn:not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__danger):not(.is-selected):not(.s-btn__link):not(.s-btn__unset) {
|
|
1307
|
+
--_bu-bg-hover: var(--theme-secondary-100);
|
|
1308
|
+
--_bu-filled-bg-hover: var(--theme-secondary-300);
|
|
1309
|
+
}
|
|
1306
1310
|
fieldset[disabled] .s-btn,
|
|
1307
1311
|
.s-btn[disabled],
|
|
1308
1312
|
.s-btn[aria-disabled="true"] {
|
|
@@ -1632,6 +1636,7 @@ body.theme-highcontrast.theme-dark .s-btn.s-btn__danger.s-btn__filled {
|
|
|
1632
1636
|
--_bu-outlined-fc-selected: var(--_bu-fc-selected);
|
|
1633
1637
|
}
|
|
1634
1638
|
body.theme-highcontrast .s-btn.s-btn__muted {
|
|
1639
|
+
--_bu-bg-hover: var(--black-100);
|
|
1635
1640
|
--_bu-filled-bg: var(--black-400);
|
|
1636
1641
|
--_bu-filled-bg-active: var(--black-600);
|
|
1637
1642
|
--_bu-filled-bg-hover: var(--black-500);
|
|
@@ -3743,6 +3748,7 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
|
3743
3748
|
.s-post-summary {
|
|
3744
3749
|
--_ps-bb: var(--su1) solid var(--bc-light);
|
|
3745
3750
|
--_ps-bg: unset;
|
|
3751
|
+
--_ps-o: unset;
|
|
3746
3752
|
--_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
|
|
3747
3753
|
--_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color));
|
|
3748
3754
|
--_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover));
|
|
@@ -3786,13 +3792,15 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
|
3786
3792
|
}
|
|
3787
3793
|
.s-post-summary.s-post-summary__deleted,
|
|
3788
3794
|
.s-post-summary.s-post-summary__ignored {
|
|
3795
|
+
--_ps-o: 0.75;
|
|
3789
3796
|
--_ps-has-answers-bc: var(--black-300);
|
|
3790
3797
|
--_ps-has-answers-bg: transparent;
|
|
3791
|
-
--_ps-has-answers-fc: var(--
|
|
3798
|
+
--_ps-has-answers-fc: var(--_ps-state-fc);
|
|
3792
3799
|
--_ps-has-accepted-answers-bc: transparent;
|
|
3793
|
-
--_ps-has-accepted-answers-bg: var(--black-
|
|
3794
|
-
--_ps-has-accepted-answers-fc: var(--
|
|
3800
|
+
--_ps-has-accepted-answers-bg: var(--black-050);
|
|
3801
|
+
--_ps-has-accepted-answers-fc: var(--_ps-state-fc);
|
|
3795
3802
|
--_ps-meta-tags-tag-bg: var(--black-050);
|
|
3803
|
+
--_ps-meta-tags-tag-fc: var(--_ps-state-fc);
|
|
3796
3804
|
--_ps-state-fc: var(--black-500);
|
|
3797
3805
|
}
|
|
3798
3806
|
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
|
|
@@ -3820,9 +3828,34 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
|
3820
3828
|
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus,
|
|
3821
3829
|
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus {
|
|
3822
3830
|
background-color: var(--_ps-meta-tags-tag-bg);
|
|
3823
|
-
border-color: transparent;
|
|
3824
3831
|
color: var(--black-600);
|
|
3825
3832
|
}
|
|
3833
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
|
|
3834
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
|
|
3835
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
|
|
3836
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
|
|
3837
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag,
|
|
3838
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
|
|
3839
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:active,
|
|
3840
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:active,
|
|
3841
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:active,
|
|
3842
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:active,
|
|
3843
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:active,
|
|
3844
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:active,
|
|
3845
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:hover,
|
|
3846
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:hover,
|
|
3847
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:hover,
|
|
3848
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:hover,
|
|
3849
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:hover,
|
|
3850
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:hover,
|
|
3851
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:focus,
|
|
3852
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:focus,
|
|
3853
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:focus,
|
|
3854
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:focus,
|
|
3855
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus,
|
|
3856
|
+
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus {
|
|
3857
|
+
border-color: currentColor;
|
|
3858
|
+
}
|
|
3826
3859
|
.s-post-summary.s-post-summary__deleted .s-user-card a,
|
|
3827
3860
|
.s-post-summary.s-post-summary__ignored .s-user-card a,
|
|
3828
3861
|
.s-post-summary.s-post-summary__deleted .s-user-card .s-user-card--link,
|
|
@@ -3843,6 +3876,8 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
|
3843
3876
|
}
|
|
3844
3877
|
.s-post-summary.s-post-summary__deleted {
|
|
3845
3878
|
--_ps-bg: var(--red-025);
|
|
3879
|
+
--_ps-has-accepted-answers-bg: var(--black-075);
|
|
3880
|
+
--_ps-has-accepted-answers-fc: var(--black-600);
|
|
3846
3881
|
--_ps-meta-tags-tag-bg: var(--black-075);
|
|
3847
3882
|
}
|
|
3848
3883
|
.s-post-summary.s-post-summary__deleted .is-deleted,
|
|
@@ -3923,6 +3958,9 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
3923
3958
|
flex-grow: 1;
|
|
3924
3959
|
max-width: 100%;
|
|
3925
3960
|
}
|
|
3961
|
+
.s-post-summary .s-post-summary--content > *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta):not(.s-popover) {
|
|
3962
|
+
opacity: var(--_ps-o);
|
|
3963
|
+
}
|
|
3926
3964
|
.s-post-summary .s-post-summary--content-excerpt {
|
|
3927
3965
|
word-break: break-word !important;
|
|
3928
3966
|
overflow-wrap: break-word !important;
|
|
@@ -4025,6 +4063,9 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4025
4063
|
justify-content: space-between;
|
|
4026
4064
|
row-gap: var(--su8);
|
|
4027
4065
|
}
|
|
4066
|
+
.s-post-summary .s-post-summary--meta > *:not(.s-post-summary--meta-tags) > * {
|
|
4067
|
+
opacity: var(--_ps-o);
|
|
4068
|
+
}
|
|
4028
4069
|
.s-post-summary .s-post-summary--meta .s-user-card {
|
|
4029
4070
|
flex-wrap: wrap;
|
|
4030
4071
|
justify-content: flex-end;
|
|
@@ -4035,6 +4076,12 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4035
4076
|
flex-wrap: wrap;
|
|
4036
4077
|
gap: var(--su4);
|
|
4037
4078
|
}
|
|
4079
|
+
.s-post-summary .s-post-summary--meta-tags > ul > li > a,
|
|
4080
|
+
.s-post-summary .s-post-summary--meta-tags > a,
|
|
4081
|
+
.s-post-summary .s-post-summary--meta-tags .post-tag,
|
|
4082
|
+
.s-post-summary .s-post-summary--meta-tags .s-tag {
|
|
4083
|
+
opacity: var(--_ps-o);
|
|
4084
|
+
}
|
|
4038
4085
|
.s-post-summary .s-post-summary--stats {
|
|
4039
4086
|
align-items: var(--_ps-stats-ai);
|
|
4040
4087
|
color: var(--_ps-stats-fc);
|
|
@@ -4048,6 +4095,9 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4048
4095
|
margin-bottom: var(--su4);
|
|
4049
4096
|
margin-right: var(--su16);
|
|
4050
4097
|
}
|
|
4098
|
+
.s-post-summary .s-post-summary--stats > *:not(.s-badge__danger) {
|
|
4099
|
+
opacity: var(--_ps-o);
|
|
4100
|
+
}
|
|
4051
4101
|
.s-post-summary .s-post-summary--stats-item:not(.s-badge) {
|
|
4052
4102
|
align-items: center;
|
|
4053
4103
|
border: var(--su1) solid transparent;
|
|
@@ -6037,6 +6087,7 @@ body.theme-highcontrast .s-topbar__light {
|
|
|
6037
6087
|
}
|
|
6038
6088
|
.s-topbar__dark {
|
|
6039
6089
|
--theme-topbar-background-color: hsl(210, 8%, 15%);
|
|
6090
|
+
--theme-topbar-bottom-border: 1px solid hsl(210, 8%, 15%);
|
|
6040
6091
|
--theme-topbar-search-color: hsl(0, 0%, 100%);
|
|
6041
6092
|
--theme-topbar-search-background: hsl(210, 8%, 25%);
|
|
6042
6093
|
--theme-topbar-search-placeholder: hsl(210, 8%, 85%);
|
|
@@ -6714,7 +6765,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
|
|
|
6714
6765
|
--theme-topbar-item-color-current: var(--black);
|
|
6715
6766
|
--theme-topbar-item-border-current: var(--theme-primary-color);
|
|
6716
6767
|
--theme-topbar-accent-border: 3px solid var(--theme-primary-color);
|
|
6717
|
-
--theme-topbar-bottom-border:
|
|
6768
|
+
--theme-topbar-bottom-border: 1px solid var(--black-100);
|
|
6718
6769
|
--theme-post-title-color: var(--theme-link-color);
|
|
6719
6770
|
--theme-post-title-color-hover: var(--theme-link-color-hover);
|
|
6720
6771
|
--theme-post-title-color-visited: var(--theme-link-color-visited);
|