@stackoverflow/stacks 2.0.7 → 2.0.8
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 +30 -30
- package/dist/css/stacks.min.css +1 -1
- package/lib/atomic/__snapshots__/color.less.test.ts.snap +1312 -1312
- package/lib/atomic/misc.less +3 -3
- package/lib/atomic/v1/__snapshots__/color.less.test.ts.snap +2354 -2354
- package/lib/base/internal.less +1 -1
- package/lib/components/badge/badge.less +3 -3
- package/lib/components/banner/banner.less +6 -6
- package/lib/components/checkbox_radio/checkbox_radio.less +4 -4
- package/lib/components/code-block/code-block.a11y.test.ts +5 -6
- package/lib/components/prose/prose.less +1 -1
- package/lib/components/tag/tag.less +2 -2
- package/lib/components/toggle-switch/toggle-switch.less +2 -2
- package/lib/components/uploader/uploader.less +2 -2
- package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +96 -96
- package/package.json +22 -22
package/dist/css/stacks.css
CHANGED
|
@@ -778,20 +778,20 @@ body.theme-highcontrast .s-badge__staff {
|
|
|
778
778
|
--_ba-fc: var(--theme-secondary-600);
|
|
779
779
|
--_ba-g: calc(var(--su-static4) - var(--su-static1));
|
|
780
780
|
--_ba-before-h: calc(var(--su-static16) - var(--su-static2));
|
|
781
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
781
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
|
|
782
782
|
--_ba-before-mt: calc(var(--su-static1) * -1);
|
|
783
783
|
--_ba-before-w: var(--su-static12);
|
|
784
784
|
}
|
|
785
785
|
.s-badge.s-badge__moderator.s-badge__xs {
|
|
786
786
|
--_ba-before-h: calc(var(--su-static8) + var(--su-static1));
|
|
787
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
787
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
788
788
|
--_ba-before-mt: 0;
|
|
789
789
|
--_ba-before-w: calc(var(--su-static8) - var(--su-static1));
|
|
790
790
|
}
|
|
791
791
|
.s-badge.s-badge__moderator.s-badge__sm {
|
|
792
792
|
--_ba-g: var(--su-static2);
|
|
793
793
|
--_ba-before-h: calc(var(--su-static12) - var(--su-static1));
|
|
794
|
-
--_ba-before-icon: url("data:image/svg+xml
|
|
794
|
+
--_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
795
795
|
--_ba-before-mt: 0;
|
|
796
796
|
--_ba-before-w: calc(var(--su-static8) + var(--su-static1));
|
|
797
797
|
}
|
|
@@ -855,7 +855,8 @@ a.s-badge:hover {
|
|
|
855
855
|
text-decoration: none;
|
|
856
856
|
}
|
|
857
857
|
.s-banner {
|
|
858
|
-
--_no-
|
|
858
|
+
--_no-ty-offset: 0;
|
|
859
|
+
--_no-ty: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
|
|
859
860
|
--_no-bc: var(--black-225);
|
|
860
861
|
--_no-bg: var(--black-100);
|
|
861
862
|
--_no-fc: var(--black-500);
|
|
@@ -871,8 +872,7 @@ a.s-badge:hover {
|
|
|
871
872
|
inset: 0 0 auto 0;
|
|
872
873
|
padding: var(--su12);
|
|
873
874
|
position: fixed;
|
|
874
|
-
|
|
875
|
-
transform: translate3d(0, calc(var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8))) * var(--_no-x-offset)), 0);
|
|
875
|
+
transform: translate3d(0, calc(var(--_no-ty) * var(--_no-ty-offset)), 0);
|
|
876
876
|
width: 100%;
|
|
877
877
|
z-index: calc(var(--zi-navigation-fixed) - 1);
|
|
878
878
|
}
|
|
@@ -1010,17 +1010,17 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
1010
1010
|
background-color: var(--_no-btn-bg-focus, inherit) !important;
|
|
1011
1011
|
}
|
|
1012
1012
|
.s-banner[aria-hidden="true"] {
|
|
1013
|
-
--_no-
|
|
1013
|
+
--_no-ty-offset: -1;
|
|
1014
1014
|
opacity: 0;
|
|
1015
1015
|
visibility: hidden;
|
|
1016
1016
|
}
|
|
1017
1017
|
.s-banner[aria-hidden="false"] {
|
|
1018
|
-
--_no-
|
|
1018
|
+
--_no-ty-offset: 1;
|
|
1019
1019
|
opacity: 1;
|
|
1020
1020
|
visibility: visible;
|
|
1021
1021
|
}
|
|
1022
1022
|
.s-banner[aria-hidden="false"].is-pinned {
|
|
1023
|
-
--_no-
|
|
1023
|
+
--_no-ty-offset: 0;
|
|
1024
1024
|
z-index: calc(var(--zi-navigation-fixed) + 1);
|
|
1025
1025
|
}
|
|
1026
1026
|
.s-banner__body-pt {
|
|
@@ -1814,21 +1814,21 @@ input.s-radio {
|
|
|
1814
1814
|
}
|
|
1815
1815
|
@media (prefers-color-scheme: dark) {
|
|
1816
1816
|
body.theme-system .s-checkbox:checked {
|
|
1817
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1817
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1818
1818
|
}
|
|
1819
1819
|
body.theme-system .s-checkbox:indeterminate {
|
|
1820
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1820
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1821
1821
|
}
|
|
1822
1822
|
}
|
|
1823
1823
|
body.theme-dark .s-checkbox:checked,
|
|
1824
1824
|
.theme-dark__forced .s-checkbox:checked,
|
|
1825
1825
|
body.theme-system .theme-dark__forced .s-checkbox:checked {
|
|
1826
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1826
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1827
1827
|
}
|
|
1828
1828
|
body.theme-dark .s-checkbox:indeterminate,
|
|
1829
1829
|
.theme-dark__forced .s-checkbox:indeterminate,
|
|
1830
1830
|
body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
|
|
1831
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1831
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
|
|
1832
1832
|
}
|
|
1833
1833
|
@media (prefers-color-scheme: dark) {
|
|
1834
1834
|
body.theme-highcontrast.theme-system .s-checkbox:checked,
|
|
@@ -1854,10 +1854,10 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
|
|
|
1854
1854
|
--_ch-bc-focus: var(--theme-secondary-400);
|
|
1855
1855
|
}
|
|
1856
1856
|
.s-checkbox:checked {
|
|
1857
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1857
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
|
|
1858
1858
|
}
|
|
1859
1859
|
.s-checkbox:indeterminate {
|
|
1860
|
-
--_ch-bg-image: url("data:image/svg+xml
|
|
1860
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
|
|
1861
1861
|
}
|
|
1862
1862
|
.s-checkbox:focus {
|
|
1863
1863
|
border-color: var(--_ch-bc-focus);
|
|
@@ -2944,11 +2944,11 @@ body.theme-highcontrast.theme-dark .s-modal {
|
|
|
2944
2944
|
.s-modal.s-modal__celebration .s-modal--dialog {
|
|
2945
2945
|
background-repeat: repeat-x;
|
|
2946
2946
|
background-position: top -10px center;
|
|
2947
|
-
background-image: url("data:image/svg+xml
|
|
2947
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
|
|
2948
2948
|
}
|
|
2949
2949
|
@media (prefers-reduced-motion) {
|
|
2950
2950
|
.s-modal.s-modal__celebration .s-modal--dialog {
|
|
2951
|
-
background-image: url("data:image/svg+xml
|
|
2951
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
2952
2952
|
}
|
|
2953
2953
|
}
|
|
2954
2954
|
.s-modal.s-modal__full {
|
|
@@ -4666,7 +4666,7 @@ body.theme-highcontrast .s-prose {
|
|
|
4666
4666
|
opacity: var(--_pr-soiler-after-o);
|
|
4667
4667
|
top: var(--_pr-spoiler-after-t);
|
|
4668
4668
|
transition: opacity 0.1s ease-in-out;
|
|
4669
|
-
background-image: url("data:image/svg+xml
|
|
4669
|
+
background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='rgb(132, 141, 149)' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 17A8 8 0 119 1a8 8 0 010 16zM8 4v6h2V4H8zm0 8v2h2v-2H8z'%3E%3C/path%3E%3C/svg%3E");
|
|
4670
4670
|
background-position: center right;
|
|
4671
4671
|
background-repeat: no-repeat;
|
|
4672
4672
|
color: var(--black-400);
|
|
@@ -5028,7 +5028,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
|
|
|
5028
5028
|
padding-left: 0;
|
|
5029
5029
|
}
|
|
5030
5030
|
.s-sidebarwidget .s-sidebarwidget--subnav li {
|
|
5031
|
-
background-image: url("data:image/svg+xml
|
|
5031
|
+
background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--black-225%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
|
|
5032
5032
|
background-position: 0 calc((1.2em - calc(var(--su-static8) + var(--su-static2))) / 2);
|
|
5033
5033
|
background-repeat: no-repeat;
|
|
5034
5034
|
background-size: auto calc(var(--su-static8) + var(--su-static2));
|
|
@@ -5037,7 +5037,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
|
|
|
5037
5037
|
}
|
|
5038
5038
|
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current="page"],
|
|
5039
5039
|
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current="true"] {
|
|
5040
|
-
background-image: url("data:image/svg+xml
|
|
5040
|
+
background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--theme-primary%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
|
|
5041
5041
|
color: var(--black);
|
|
5042
5042
|
font-weight: bold;
|
|
5043
5043
|
}
|
|
@@ -5549,7 +5549,7 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
|
|
|
5549
5549
|
}
|
|
5550
5550
|
.s-tag__ignored,
|
|
5551
5551
|
.s-tag.s-tag__ignored {
|
|
5552
|
-
--_ta-before-icon: url("data:image/svg+xml
|
|
5552
|
+
--_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
|
|
5553
5553
|
}
|
|
5554
5554
|
.s-tag.s-tag__moderator {
|
|
5555
5555
|
--_ta-bc: var(--orange-300);
|
|
@@ -5592,7 +5592,7 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
|
|
|
5592
5592
|
}
|
|
5593
5593
|
.s-tag__watched,
|
|
5594
5594
|
.s-tag.s-tag__watched {
|
|
5595
|
-
--_ta-before-icon: url("data:image/svg+xml
|
|
5595
|
+
--_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
|
|
5596
5596
|
}
|
|
5597
5597
|
.s-tag .s-tag--dismiss {
|
|
5598
5598
|
align-content: center;
|
|
@@ -5674,7 +5674,7 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
|
|
|
5674
5674
|
}
|
|
5675
5675
|
.s-toggle-switch {
|
|
5676
5676
|
--_ts-bg: var(--black-350);
|
|
5677
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5677
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
|
|
5678
5678
|
--_ts-bg-ps: left center;
|
|
5679
5679
|
--_ts-bs-color: transparent;
|
|
5680
5680
|
--_ts-multiple-bg: unset;
|
|
@@ -5682,13 +5682,13 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
|
|
|
5682
5682
|
}
|
|
5683
5683
|
@media (prefers-color-scheme: dark) {
|
|
5684
5684
|
body.theme-system .s-toggle-switch {
|
|
5685
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5685
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
|
|
5686
5686
|
}
|
|
5687
5687
|
}
|
|
5688
5688
|
body.theme-dark .s-toggle-switch,
|
|
5689
5689
|
.theme-dark__forced .s-toggle-switch,
|
|
5690
5690
|
body.theme-system .theme-dark__forced .s-toggle-switch {
|
|
5691
|
-
--_ts-bg-image: url("data:image/svg+xml
|
|
5691
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
|
|
5692
5692
|
}
|
|
5693
5693
|
fieldset[disabled] .s-toggle-switch,
|
|
5694
5694
|
.s-toggle-switch[disabled],
|
|
@@ -6144,7 +6144,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
|
|
|
6144
6144
|
}
|
|
6145
6145
|
}
|
|
6146
6146
|
.s-uploader {
|
|
6147
|
-
--_up-bg-b-image: url("data:image/svg+xml
|
|
6147
|
+
--_up-bg-b-image: url("data:image/svg+xml;,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
6148
6148
|
--_up-bg: var(--black-100);
|
|
6149
6149
|
--_up-bg-focus: var(--black-150);
|
|
6150
6150
|
--_up-bg-bc: var(--black-250);
|
|
@@ -6290,7 +6290,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
|
|
|
6290
6290
|
object-fit: cover;
|
|
6291
6291
|
}
|
|
6292
6292
|
.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:not(img) {
|
|
6293
|
-
background-image: url("data:image/svg+xml
|
|
6293
|
+
background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23535A60' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 3a2 2 0 012-2h6l4 4v10a2 2 0 01-2 2H5a2 2 0 01-2-2V3zm7-1.5V6h4.5L10 1.5z'%3E%3C/path%3E%3C/svg%3E");
|
|
6294
6294
|
background-position: center;
|
|
6295
6295
|
background-repeat: no-repeat;
|
|
6296
6296
|
}
|
|
@@ -20252,17 +20252,17 @@ ol {
|
|
|
20252
20252
|
.bg-confetti-animated {
|
|
20253
20253
|
background-repeat: repeat-x;
|
|
20254
20254
|
background-position: top -10px center;
|
|
20255
|
-
background-image: url("data:image/svg+xml
|
|
20255
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
|
|
20256
20256
|
}
|
|
20257
20257
|
@media (prefers-reduced-motion) {
|
|
20258
20258
|
.bg-confetti-animated {
|
|
20259
|
-
background-image: url("data:image/svg+xml
|
|
20259
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
20260
20260
|
}
|
|
20261
20261
|
}
|
|
20262
20262
|
.bg-confetti-static {
|
|
20263
20263
|
background-repeat: repeat-x;
|
|
20264
20264
|
background-position: top -10px center;
|
|
20265
|
-
background-image: url("data:image/svg+xml
|
|
20265
|
+
background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
|
|
20266
20266
|
}
|
|
20267
20267
|
.of-contain {
|
|
20268
20268
|
object-fit: contain !important;
|