@stackoverflow/stacks 2.8.3 → 2.8.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/README.md +2 -1
- package/dist/css/stacks.css +28 -18
- package/dist/css/stacks.min.css +1 -1
- package/lib/components/notice/notice.less +6 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -42,9 +42,10 @@ To migrate from Stacks v1 to v2, see our [migration guide](/MIGRATION_GUIDE.md).
|
|
|
42
42
|
|
|
43
43
|
To contribute to Stacks documentation or its CSS library, you’ll need to build Stacks locally:
|
|
44
44
|
```sh
|
|
45
|
+
npm i
|
|
45
46
|
npm start
|
|
46
47
|
```
|
|
47
|
-
This command will pull up the local dev server at http://localhost:
|
|
48
|
+
This command will pull up the local dev server at http://localhost:8080. You can also view our [building guidelines](https://stackoverflow.design/product/develop/building).
|
|
48
49
|
|
|
49
50
|
Having trouble getting these steps to work? Open [an issue](https://github.com/StackExchange/Stacks/issues/new) with a `setup` label.
|
|
50
51
|
|
package/dist/css/stacks.css
CHANGED
|
@@ -890,15 +890,8 @@ a.s-badge:hover {
|
|
|
890
890
|
width: 100%;
|
|
891
891
|
z-index: calc(var(--zi-navigation-fixed) - 1);
|
|
892
892
|
}
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
--_no-bc: var(--_no-bg);
|
|
896
|
-
}
|
|
897
|
-
}
|
|
898
|
-
body.theme-dark .s-banner,
|
|
899
|
-
.theme-dark__forced .s-banner,
|
|
900
|
-
body.theme-system .theme-dark__forced .s-banner {
|
|
901
|
-
--_no-bc: var(--_no-bg);
|
|
893
|
+
body.theme-highcontrast .s-banner {
|
|
894
|
+
--_no-bc: var(--black-400);
|
|
902
895
|
}
|
|
903
896
|
body.theme-highcontrast .s-banner,
|
|
904
897
|
body.theme-highcontrast .s-banner.s-banner__danger,
|
|
@@ -937,6 +930,9 @@ body.theme-highcontrast .s-banner.s-banner__warning.s-banner__important {
|
|
|
937
930
|
--_no-code-bc: var(--red-300);
|
|
938
931
|
--_no-code-bg: var(--red-200);
|
|
939
932
|
}
|
|
933
|
+
body.theme-highcontrast .s-banner__danger:not(.s-banner__important) {
|
|
934
|
+
--_no-bc: var(--red-400);
|
|
935
|
+
}
|
|
940
936
|
.s-banner__danger.s-banner__important {
|
|
941
937
|
--_no-bc: var(--_no-bg);
|
|
942
938
|
--_no-bg: var(--red-400);
|
|
@@ -959,6 +955,9 @@ body.theme-highcontrast .s-banner__danger.s-banner__important {
|
|
|
959
955
|
--_no-code-bc: var(--theme-secondary-300);
|
|
960
956
|
--_no-code-bg: var(--theme-secondary-200);
|
|
961
957
|
}
|
|
958
|
+
body.theme-highcontrast .s-banner__info:not(.s-banner__important) {
|
|
959
|
+
--_no-bc: var(--theme-secondary-400);
|
|
960
|
+
}
|
|
962
961
|
.s-banner__info.s-banner__important {
|
|
963
962
|
--_no-bc: var(--_no-bg);
|
|
964
963
|
--_no-bg: var(--theme-secondary-400);
|
|
@@ -981,6 +980,9 @@ body.theme-highcontrast .s-banner__info.s-banner__important {
|
|
|
981
980
|
--_no-code-bc: var(--green-300);
|
|
982
981
|
--_no-code-bg: var(--green-200);
|
|
983
982
|
}
|
|
983
|
+
body.theme-highcontrast .s-banner__success:not(.s-banner__important) {
|
|
984
|
+
--_no-bc: var(--green-400);
|
|
985
|
+
}
|
|
984
986
|
.s-banner__success.s-banner__important {
|
|
985
987
|
--_no-bc: var(--_no-bg);
|
|
986
988
|
--_no-bg: var(--green-400);
|
|
@@ -1004,6 +1006,9 @@ body.theme-highcontrast .s-banner__success.s-banner__important {
|
|
|
1004
1006
|
--_no-code-bg: var(--yellow-200);
|
|
1005
1007
|
--_no-btn-fc: var(--yellow-600);
|
|
1006
1008
|
}
|
|
1009
|
+
body.theme-highcontrast .s-banner__warning:not(.s-banner__important) {
|
|
1010
|
+
--_no-bc: var(--yellow-400);
|
|
1011
|
+
}
|
|
1007
1012
|
.s-banner__warning.s-banner__important {
|
|
1008
1013
|
--_no-bc: var(--_no-bg);
|
|
1009
1014
|
--_no-bg: var(--yellow-400);
|
|
@@ -3234,15 +3239,8 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
|
3234
3239
|
border-width: var(--su-static1);
|
|
3235
3240
|
padding: var(--su16);
|
|
3236
3241
|
}
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
--_no-bc: var(--_no-bg);
|
|
3240
|
-
}
|
|
3241
|
-
}
|
|
3242
|
-
body.theme-dark .s-notice,
|
|
3243
|
-
.theme-dark__forced .s-notice,
|
|
3244
|
-
body.theme-system .theme-dark__forced .s-notice {
|
|
3245
|
-
--_no-bc: var(--_no-bg);
|
|
3242
|
+
body.theme-highcontrast .s-notice {
|
|
3243
|
+
--_no-bc: var(--black-400);
|
|
3246
3244
|
}
|
|
3247
3245
|
body.theme-highcontrast .s-notice,
|
|
3248
3246
|
body.theme-highcontrast .s-notice.s-notice__danger,
|
|
@@ -3281,6 +3279,9 @@ body.theme-highcontrast .s-notice.s-notice__warning.s-notice__important {
|
|
|
3281
3279
|
--_no-code-bc: var(--red-300);
|
|
3282
3280
|
--_no-code-bg: var(--red-200);
|
|
3283
3281
|
}
|
|
3282
|
+
body.theme-highcontrast .s-notice__danger:not(.s-notice__important) {
|
|
3283
|
+
--_no-bc: var(--red-400);
|
|
3284
|
+
}
|
|
3284
3285
|
.s-notice__danger.s-notice__important {
|
|
3285
3286
|
--_no-bc: var(--_no-bg);
|
|
3286
3287
|
--_no-bg: var(--red-400);
|
|
@@ -3303,6 +3304,9 @@ body.theme-highcontrast .s-notice__danger.s-notice__important {
|
|
|
3303
3304
|
--_no-code-bc: var(--theme-secondary-300);
|
|
3304
3305
|
--_no-code-bg: var(--theme-secondary-200);
|
|
3305
3306
|
}
|
|
3307
|
+
body.theme-highcontrast .s-notice__info:not(.s-notice__important) {
|
|
3308
|
+
--_no-bc: var(--theme-secondary-400);
|
|
3309
|
+
}
|
|
3306
3310
|
.s-notice__info.s-notice__important {
|
|
3307
3311
|
--_no-bc: var(--_no-bg);
|
|
3308
3312
|
--_no-bg: var(--theme-secondary-400);
|
|
@@ -3325,6 +3329,9 @@ body.theme-highcontrast .s-notice__info.s-notice__important {
|
|
|
3325
3329
|
--_no-code-bc: var(--green-300);
|
|
3326
3330
|
--_no-code-bg: var(--green-200);
|
|
3327
3331
|
}
|
|
3332
|
+
body.theme-highcontrast .s-notice__success:not(.s-notice__important) {
|
|
3333
|
+
--_no-bc: var(--green-400);
|
|
3334
|
+
}
|
|
3328
3335
|
.s-notice__success.s-notice__important {
|
|
3329
3336
|
--_no-bc: var(--_no-bg);
|
|
3330
3337
|
--_no-bg: var(--green-400);
|
|
@@ -3348,6 +3355,9 @@ body.theme-highcontrast .s-notice__success.s-notice__important {
|
|
|
3348
3355
|
--_no-code-bg: var(--yellow-200);
|
|
3349
3356
|
--_no-btn-fc: var(--yellow-600);
|
|
3350
3357
|
}
|
|
3358
|
+
body.theme-highcontrast .s-notice__warning:not(.s-notice__important) {
|
|
3359
|
+
--_no-bc: var(--yellow-400);
|
|
3360
|
+
}
|
|
3351
3361
|
.s-notice__warning.s-notice__important {
|
|
3352
3362
|
--_no-bc: var(--_no-bg);
|
|
3353
3363
|
--_no-bg: var(--yellow-400);
|