@stackoverflow/stacks 1.3.2 → 1.3.5

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.
@@ -190,6 +190,8 @@ button.s-link {
190
190
  @focus-styles();
191
191
 
192
192
  &.is-selected {
193
+ --_block-bs: inset var(--_block-bs-offset-x, 3px) 0 0 var(--theme-primary-color);
194
+
193
195
  color: var(--black-800);
194
196
  font-weight: bold;
195
197
  background-color: var(--black-050);
@@ -199,11 +201,21 @@ button.s-link {
199
201
  });
200
202
 
201
203
  &.s-block-link__right {
202
- box-shadow: inset -3px 0 0 var(--theme-primary-color);
204
+ --_block-bs-offset-x: -3px;
203
205
  }
204
206
 
205
- &.s-block-link__left {
206
- box-shadow: inset 3px 0 0 var(--theme-primary-color);
207
+ &.s-block-link__left,
208
+ &.s-block-link__right {
209
+ box-shadow: var(--_block-bs);
210
+
211
+ &:focus:not(:focus-visible),
212
+ &:focus-visible {
213
+ outline: none;
214
+ }
215
+
216
+ &:focus-visible {
217
+ box-shadow: var(--_block-bs), 0 0 0 var(--su-static4) var(--focus-ring-muted);
218
+ }
207
219
  }
208
220
  }
209
221
 
@@ -117,7 +117,7 @@
117
117
  }
118
118
 
119
119
  &.is-warm {
120
- color: var(--yellow-800);
120
+ color: var(--yellow-900);
121
121
  }
122
122
 
123
123
  &.is-hot {
@@ -306,27 +306,11 @@
306
306
  .s-post-summary__watched {
307
307
  background-color: var(--yellow-050);
308
308
 
309
- .s-post-summary--content-title > a {
310
- color: var(--blue-700);
311
-
312
- &:hover,
313
- &:active{
314
- color: var(--blue-700);
315
- }
316
- &:visited {
317
- color: var(--blue-800);
318
- }
319
- }
320
-
321
309
  .s-post-summary--stats {
322
310
  color: var(--black-500);
323
311
  }
324
312
 
325
313
  .s-user-card {
326
- .s-user-card--link {
327
- color: var(--blue-700);
328
- }
329
-
330
314
  .s-user-card--rep,
331
315
  .s-user-card--time {
332
316
  color: var(--black-600);
@@ -350,6 +334,8 @@
350
334
  background-color: var(--red-600);
351
335
  }
352
336
 
337
+ // TODO: remove rule for `a` once Core replaces `.post-tag` with `.s-tag`
338
+ .s-post-summary--meta-tags > a,
353
339
  .s-post-summary--meta-tags > .s-tag {
354
340
  &,
355
341
  &:hover,
@@ -368,6 +354,12 @@
368
354
 
369
355
  .s-post-summary--stats-item {
370
356
 
357
+ &.is-warm,
358
+ &.is-hot,
359
+ &.is-supernova {
360
+ color: var(--black-500);
361
+ }
362
+
371
363
  &.has-answers {
372
364
  color: var(--black-600);
373
365
  border: 1px solid var(--black-075);
@@ -386,6 +378,8 @@
386
378
  }
387
379
  }
388
380
 
381
+ // TODO: remove rule for `a` once Core replaces `.post-tag` with `.s-tag`
382
+ .s-post-summary--meta-tags > a,
389
383
  .s-post-summary--meta-tags > .s-tag {
390
384
  &,
391
385
  &:hover,
@@ -417,20 +411,25 @@
417
411
  color: var(--black-600);
418
412
  }
419
413
 
414
+ // TODO: remove rule for `a` once Core replaces `.post-tag` with `.s-tag`
415
+ .s-post-summary--meta-tags > a,
420
416
  .s-post-summary--meta-tags > .s-tag {
421
417
  &,
422
418
  &:hover,
423
419
  &:active,
424
420
  &:focus {
421
+ border-color: transparent;
425
422
  color: var(--black-600);
426
423
  }
427
424
  }
428
425
 
429
426
  .s-user-card {
430
- .s-user-card--link {
431
- color: var(--black-500);
427
+ .s-badge {
428
+ filter: grayscale(100%);
432
429
  }
433
430
 
431
+ a,
432
+ .s-user-card--link,
434
433
  .s-user-card--rep,
435
434
  .s-user-card--time {
436
435
  color: var(--black-500);
@@ -93,6 +93,7 @@
93
93
  color: var(--black-600);
94
94
  font-size: var(--fs-body2);
95
95
  font-weight: normal;
96
+ margin: 0;
96
97
 
97
98
  &:first-child {
98
99
  border-top-left-radius: var(--br-sm);
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.3.2",
8
+ "version": "1.3.5",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"
@@ -41,7 +41,7 @@
41
41
  "@typescript-eslint/eslint-plugin": "^5.36.2",
42
42
  "@typescript-eslint/parser": "^5.36.2",
43
43
  "backstopjs": "^6.1.1",
44
- "concurrently": "^7.3.0",
44
+ "concurrently": "^7.4.0",
45
45
  "css-loader": "^6.7.1",
46
46
  "cssnano": "^5.1.13",
47
47
  "docsearch.js": "^2.6.3",
@@ -63,7 +63,7 @@
63
63
  "stylelint-config-standard": "^28.0.0",
64
64
  "terser-webpack-plugin": "^5.3.6",
65
65
  "ts-loader": "^9.3.1",
66
- "typescript": "^4.8.2",
66
+ "typescript": "^4.8.3",
67
67
  "webpack": "^5.74.0",
68
68
  "webpack-cli": "^4.10.0",
69
69
  "webpack-merge": "^5.8.0"