@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
|
@@ -54,6 +54,11 @@
|
|
|
54
54
|
--_bu-outlined-bc: var(--_bu-bc);
|
|
55
55
|
--_bu-bc-selected: var(--_bu-bc);
|
|
56
56
|
--_bu-badge-o: 0.8;
|
|
57
|
+
|
|
58
|
+
&:not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__danger):not(.is-selected):not(.s-btn__link):not(.s-btn__unset) {
|
|
59
|
+
--_bu-bg-hover: var(--theme-secondary-100);
|
|
60
|
+
--_bu-filled-bg-hover: var(--theme-secondary-300);
|
|
61
|
+
}
|
|
57
62
|
});
|
|
58
63
|
|
|
59
64
|
// STATES
|
|
@@ -314,6 +319,7 @@
|
|
|
314
319
|
--_bu-outlined-fc-selected: var(--_bu-fc-selected);
|
|
315
320
|
|
|
316
321
|
.highcontrast-mode({
|
|
322
|
+
--_bu-bg-hover: var(--black-100);
|
|
317
323
|
--_bu-filled-bg: var(--black-400);
|
|
318
324
|
--_bu-filled-bg-active: var(--black-600);
|
|
319
325
|
--_bu-filled-bg-hover: var(--black-500);
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
// --_ps-state-* are custom properties to broadly override colors for a given post summary state
|
|
3
3
|
--_ps-bb: var(--su1) solid var(--bc-light);
|
|
4
4
|
--_ps-bg: unset;
|
|
5
|
+
--_ps-o: unset;
|
|
5
6
|
// Child components
|
|
6
7
|
--_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
|
|
7
8
|
--_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color));
|
|
@@ -48,13 +49,15 @@
|
|
|
48
49
|
// VARIANTS
|
|
49
50
|
&&__deleted,
|
|
50
51
|
&&__ignored {
|
|
52
|
+
--_ps-o: 0.75;
|
|
51
53
|
--_ps-has-answers-bc: var(--black-300);
|
|
52
54
|
--_ps-has-answers-bg: transparent;
|
|
53
|
-
--_ps-has-answers-fc: var(--
|
|
55
|
+
--_ps-has-answers-fc: var(--_ps-state-fc);
|
|
54
56
|
--_ps-has-accepted-answers-bc: transparent;
|
|
55
|
-
--_ps-has-accepted-answers-bg: var(--black-
|
|
56
|
-
--_ps-has-accepted-answers-fc: var(--
|
|
57
|
+
--_ps-has-accepted-answers-bg: var(--black-050);
|
|
58
|
+
--_ps-has-accepted-answers-fc: var(--_ps-state-fc);
|
|
57
59
|
--_ps-meta-tags-tag-bg: var(--black-050);
|
|
60
|
+
--_ps-meta-tags-tag-fc: var(--_ps-state-fc);
|
|
58
61
|
--_ps-state-fc: var(--black-500);
|
|
59
62
|
|
|
60
63
|
.s-post-summary--meta-tags {
|
|
@@ -65,8 +68,11 @@
|
|
|
65
68
|
&:active,
|
|
66
69
|
&:hover,
|
|
67
70
|
&:focus {
|
|
71
|
+
.highcontrast-mode({
|
|
72
|
+
border-color: currentColor;
|
|
73
|
+
});
|
|
74
|
+
|
|
68
75
|
background-color: var(--_ps-meta-tags-tag-bg);
|
|
69
|
-
border-color: transparent;
|
|
70
76
|
color: var(--black-600);
|
|
71
77
|
}
|
|
72
78
|
}
|
|
@@ -92,6 +98,8 @@
|
|
|
92
98
|
|
|
93
99
|
&&__deleted {
|
|
94
100
|
--_ps-bg: var(--red-025);
|
|
101
|
+
--_ps-has-accepted-answers-bg: var(--black-075);
|
|
102
|
+
--_ps-has-accepted-answers-fc: var(--black-600);
|
|
95
103
|
--_ps-meta-tags-tag-bg: var(--black-075);
|
|
96
104
|
|
|
97
105
|
.is-deleted,
|
|
@@ -174,6 +182,10 @@
|
|
|
174
182
|
}
|
|
175
183
|
|
|
176
184
|
&--content {
|
|
185
|
+
> *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta):not(.s-popover) {
|
|
186
|
+
opacity: var(--_ps-o);
|
|
187
|
+
}
|
|
188
|
+
|
|
177
189
|
flex-grow: 1;
|
|
178
190
|
max-width: 100%;
|
|
179
191
|
}
|
|
@@ -262,6 +274,10 @@
|
|
|
262
274
|
}
|
|
263
275
|
|
|
264
276
|
&--meta {
|
|
277
|
+
> *:not(.s-post-summary--meta-tags) > * {
|
|
278
|
+
opacity: var(--_ps-o);
|
|
279
|
+
}
|
|
280
|
+
|
|
265
281
|
.s-user-card {
|
|
266
282
|
flex-wrap: wrap;
|
|
267
283
|
justify-content: flex-end;
|
|
@@ -277,12 +293,23 @@
|
|
|
277
293
|
}
|
|
278
294
|
|
|
279
295
|
&--meta-tags {
|
|
296
|
+
> ul > li > a,
|
|
297
|
+
> a,
|
|
298
|
+
.post-tag,
|
|
299
|
+
.s-tag {
|
|
300
|
+
opacity: var(--_ps-o);
|
|
301
|
+
}
|
|
302
|
+
|
|
280
303
|
display: flex;
|
|
281
304
|
flex-wrap: wrap;
|
|
282
305
|
gap: var(--su4);
|
|
283
306
|
}
|
|
284
307
|
|
|
285
308
|
&--stats {
|
|
309
|
+
> *:not(.s-badge__danger) {
|
|
310
|
+
opacity: var(--_ps-o);
|
|
311
|
+
}
|
|
312
|
+
|
|
286
313
|
align-items: var(--_ps-stats-ai);
|
|
287
314
|
color: var(--_ps-stats-fc);
|
|
288
315
|
flex-direction: var(--_ps-stats-fd);
|
|
@@ -199,6 +199,7 @@
|
|
|
199
199
|
#calc-topbar-lightness-increase();
|
|
200
200
|
|
|
201
201
|
--theme-topbar-background-color: @topbar-actual-background;
|
|
202
|
+
--theme-topbar-bottom-border: 1px solid @topbar-actual-background;
|
|
202
203
|
|
|
203
204
|
// Search input
|
|
204
205
|
--theme-topbar-search-color: lighten(@topbar-actual-background, 80% + @topbar-search-lightness-increase);
|
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
|
|
267
267
|
// Topbar themed border accent
|
|
268
268
|
--theme-topbar-accent-border: 3px solid var(--theme-primary-color);
|
|
269
|
-
--theme-topbar-bottom-border:
|
|
269
|
+
--theme-topbar-bottom-border: 1px solid var(--black-100);
|
|
270
270
|
|
|
271
271
|
// Post summary
|
|
272
272
|
--theme-post-title-color: var(--theme-link-color);
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/StackExchange/Stacks.git"
|
|
7
7
|
},
|
|
8
|
-
"version": "1.9.
|
|
8
|
+
"version": "1.9.4",
|
|
9
9
|
"files": [
|
|
10
10
|
"dist",
|
|
11
11
|
"lib"
|
|
@@ -50,23 +50,23 @@
|
|
|
50
50
|
"@stackoverflow/stacks-icons": "^5.3.1",
|
|
51
51
|
"@testing-library/dom": "^9.2.0",
|
|
52
52
|
"@testing-library/user-event": "^14.4.3",
|
|
53
|
-
"@typescript-eslint/eslint-plugin": "^5.59.
|
|
54
|
-
"@typescript-eslint/parser": "^5.59.
|
|
53
|
+
"@typescript-eslint/eslint-plugin": "^5.59.6",
|
|
54
|
+
"@typescript-eslint/parser": "^5.59.6",
|
|
55
55
|
"@web/dev-server-esbuild": "^0.4.1",
|
|
56
56
|
"@web/dev-server-rollup": "^0.4.0",
|
|
57
57
|
"@web/test-runner": "^0.16.1",
|
|
58
58
|
"@web/test-runner-playwright": "^0.10.0",
|
|
59
59
|
"@web/test-runner-visual-regression": "^0.8.0",
|
|
60
60
|
"concurrently": "^8.0.1",
|
|
61
|
-
"css-loader": "^6.7.
|
|
61
|
+
"css-loader": "^6.7.4",
|
|
62
62
|
"cssnano": "^6.0.0",
|
|
63
63
|
"docsearch.js": "^2.6.3",
|
|
64
64
|
"eleventy-plugin-highlightjs": "^1.1.0",
|
|
65
65
|
"eleventy-plugin-nesting-toc": "^1.3.0",
|
|
66
|
-
"eslint": "^8.
|
|
66
|
+
"eslint": "^8.41.0",
|
|
67
67
|
"eslint-config-prettier": "^8.8.0",
|
|
68
68
|
"eslint-plugin-no-unsanitized": "^4.0.2",
|
|
69
|
-
"jquery": "^3.
|
|
69
|
+
"jquery": "^3.7.0",
|
|
70
70
|
"less-loader": "^11.1.0",
|
|
71
71
|
"list.js": "^2.3.1",
|
|
72
72
|
"markdown-it": "^13.0.1",
|
|
@@ -75,14 +75,14 @@
|
|
|
75
75
|
"postcss-loader": "^7.2.4",
|
|
76
76
|
"prettier": "^2.8.8",
|
|
77
77
|
"rollup-plugin-postcss": "^4.0.2",
|
|
78
|
-
"stylelint": "^15.6.
|
|
78
|
+
"stylelint": "^15.6.2",
|
|
79
79
|
"stylelint-config-recommended": "^12.0.0",
|
|
80
80
|
"stylelint-config-standard": "^33.0.0",
|
|
81
|
-
"terser-webpack-plugin": "^5.3.
|
|
81
|
+
"terser-webpack-plugin": "^5.3.9",
|
|
82
82
|
"ts-loader": "^9.4.2",
|
|
83
83
|
"typescript": "^5.0.4",
|
|
84
84
|
"webpack": "^5.82.0",
|
|
85
|
-
"webpack-cli": "^5.
|
|
85
|
+
"webpack-cli": "^5.1.1",
|
|
86
86
|
"webpack-merge": "^5.8.0"
|
|
87
87
|
},
|
|
88
88
|
"browserslist": [
|