marcel
/
congo
mirror of https://github.com/jpanther/congo.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

💄 Rebuild CSS

pull/333/head
James Panther 2022-11-07 17:29:29 +11:00
parent 3707245fd6
commit 081a7acaf6
No known key found for this signature in database
GPG Key ID: D36F789E45745D17
1 changed files with 167 additions and 175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

220
assets/css/compiled/main.css
View File

@ -1,6 +1,6 @@
/*! Congo v2.3.1 | MIT License | https://github.com/jpanther/congo */ /*! Congo v2.3.1 | MIT License | https://github.com/jpanther/congo */
/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ /*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com */
/* /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@ -410,6 +410,12 @@ video {
height: auto; height: auto;
} }
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
*, ::before, ::after { *, ::before, ::after {
--tw-border-spacing-x: 0; --tw-border-spacing-x: 0;
--tw-border-spacing-y: 0; --tw-border-spacing-y: 0;
@ -568,8 +574,7 @@ video {
color: var(--tw-prose-links); color: var(--tw-prose-links);
text-decoration: underline; text-decoration: underline;
font-weight: 500; font-weight: 500;
-webkit-text-decoration-color: rgba(var(--color-primary-300), 1); text-decoration-color: rgba(var(--color-primary-300), 1);
text-decoration-color: rgba(var(--color-primary-300), 1);
} }
.prose :where(a):not(:where([class~="not-prose"] *)):hover { .prose :where(a):not(:where([class~="not-prose"] *)):hover {
@ -1180,9 +1185,7 @@ video {
body a, body a,
body button { body button {
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -1226,25 +1229,25 @@ body:has(#menu-controller:checked) {
padding-right: 1rem; padding-right: 1rem;
} }
[dir="rtl"] .prose ul > li, [dir="rtl"] [dir="rtl"] .prose ul > li,[dir="rtl"]
.prose ol > li { .prose ol > li {
margin-right: 1.75rem; margin-right: 1.75rem;
padding-left: 0px; padding-left: 0px;
padding-right: 0.5rem; padding-right: 0.5rem;
} }
[dir="rtl"] .prose ol > li:before, [dir="rtl"] [dir="rtl"] .prose ol > li:before,[dir="rtl"]
.prose ul > li:before { .prose ul > li:before {
left: auto; left: auto;
right: 0.25rem; right: 0.25rem;
} }
[dir="rtl"] .prose thead td:first-child, [dir="rtl"] [dir="rtl"] .prose thead td:first-child,[dir="rtl"]
.prose thead th:first-child { .prose thead th:first-child {
padding-right: 0px; padding-right: 0px;
} }
[dir="rtl"] .prose thead td:last-child, [dir="rtl"] [dir="rtl"] .prose thead td:last-child,[dir="rtl"]
.prose thead th:last-child { .prose thead th:last-child {
padding-left: 0px; padding-left: 0px;
} }
@ -1341,9 +1344,9 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
} }
.dark .copy-button:hover, .dark .dark .copy-button:hover,.dark
.copy-button:focus, .dark .copy-button:focus,.dark
.copy-button:active, .dark .copy-button:active,.dark
.copy-button:active:hover { .copy-button:active:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@ -1438,7 +1441,7 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-600), var(--tw-text-opacity)); color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
} }
.dark .chroma .lnt, .dark .dark .chroma .lnt,.dark
.chroma .ln { .chroma .ln {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
@ -1478,15 +1481,15 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-primary-600), var(--tw-text-opacity)); color: rgba(var(--color-primary-600), var(--tw-text-opacity));
} }
.dark .chroma .k, .dark .dark .chroma .k,.dark
.chroma .kd, .dark .chroma .kd,.dark
.chroma .kn, .dark .chroma .kn,.dark
.chroma .kp, .dark .chroma .kp,.dark
.chroma .kr, .dark .chroma .kr,.dark
.chroma .nc, .dark .chroma .nc,.dark
.chroma .fm, .dark .chroma .fm,.dark
.chroma .nn, .dark .chroma .nn,.dark
.chroma .vc, .dark .chroma .vc,.dark
.chroma .o { .chroma .o {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-primary-300), var(--tw-text-opacity)); color: rgba(var(--color-primary-300), var(--tw-text-opacity));
@ -1542,16 +1545,16 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
} }
.dark .chroma .kt, .dark .dark .chroma .kt,.dark
.chroma .nv, .dark .chroma .nv,.dark
.chroma .vi, .dark .chroma .vi,.dark
.chroma .vm, .dark .chroma .vm,.dark
.chroma .m, .dark .chroma .m,.dark
.chroma .mb, .dark .chroma .mb,.dark
.chroma .mf, .dark .chroma .mf,.dark
.chroma .mh, .dark .chroma .mh,.dark
.chroma .mi, .dark .chroma .mi,.dark
.chroma .il, .dark .chroma .il,.dark
.chroma .mo { .chroma .mo {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-secondary-600), var(--tw-text-opacity)); color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
@ -1573,9 +1576,9 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-secondary-900), var(--tw-text-opacity)); color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
} }
.dark .chroma .n, .dark .dark .chroma .n,.dark
.chroma .nd, .dark .chroma .nd,.dark
.chroma .ni, .dark .chroma .ni,.dark
.chroma .nl { .chroma .nl {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-secondary-200), var(--tw-text-opacity)); color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
@ -1603,11 +1606,11 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-secondary-800), var(--tw-text-opacity)); color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
} }
.dark .chroma .na, .dark .dark .chroma .na,.dark
.chroma .nb, .dark .chroma .nb,.dark
.chroma .bp, .dark .chroma .bp,.dark
.chroma .nx, .dark .chroma .nx,.dark
.chroma .py, .dark .chroma .py,.dark
.chroma .nt { .chroma .nt {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-secondary-300), var(--tw-text-opacity)); color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
@ -1627,8 +1630,8 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
} }
.dark .chroma .no, .dark .dark .chroma .no,.dark
.chroma .ne, .dark .chroma .ne,.dark
.chroma .vg { .chroma .vg {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-secondary-500), var(--tw-text-opacity)); color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
@ -1698,21 +1701,21 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-primary-800), var(--tw-text-opacity)); color: rgba(var(--color-primary-800), var(--tw-text-opacity));
} }
.dark .chroma .l, .dark .dark .chroma .l,.dark
.chroma .ld, .dark .chroma .ld,.dark
.chroma .s, .dark .chroma .s,.dark
.chroma .sa, .dark .chroma .sa,.dark
.chroma .sb, .dark .chroma .sb,.dark
.chroma .sc, .dark .chroma .sc,.dark
.chroma .dl, .dark .chroma .dl,.dark
.chroma .sd, .dark .chroma .sd,.dark
.chroma .s2, .dark .chroma .s2,.dark
.chroma .sh, .dark .chroma .sh,.dark
.chroma .si, .dark .chroma .si,.dark
.chroma .sx, .dark .chroma .sx,.dark
.chroma .s1, .dark .chroma .s1,.dark
.chroma .gi, .dark .chroma .gi,.dark
.chroma .go, .dark .chroma .go,.dark
.chroma .gp { .chroma .gp {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity)); color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@ -1742,7 +1745,7 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-primary-800), var(--tw-text-opacity)); color: rgba(var(--color-primary-800), var(--tw-text-opacity));
} }
.dark .chroma .sr, .dark .dark .chroma .sr,.dark
.chroma .ss { .chroma .ss {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity)); color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@ -1784,11 +1787,11 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
} }
.dark .chroma .c, .dark .dark .chroma .c,.dark
.chroma .cm, .dark .chroma .cm,.dark
.chroma .c1, .dark .chroma .c1,.dark
.chroma .cs, .dark .chroma .cs,.dark
.chroma .cp, .dark .chroma .cp,.dark
.chroma .cpf { .chroma .cpf {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
@ -1841,8 +1844,7 @@ body:has(#menu-controller:checked) {
/* GenericUnderline */ /* GenericUnderline */
.chroma .gl { .chroma .gl {
-webkit-text-decoration-line: underline; text-decoration-line: underline;
text-decoration-line: underline;
} }
.pointer-events-none { .pointer-events-none {
@ -1870,7 +1872,6 @@ body:has(#menu-controller:checked) {
} }
.sticky { .sticky {
position: -webkit-sticky;
position: sticky; position: sticky;
} }
@ -2586,18 +2587,15 @@ body:has(#menu-controller:checked) {
} }
.\!no-underline { .\!no-underline {
-webkit-text-decoration-line: none !important; text-decoration-line: none !important;
text-decoration-line: none !important;
} }
.decoration-primary-500 { .decoration-primary-500 {
-webkit-text-decoration-color: rgba(var(--color-primary-500), 1); text-decoration-color: rgba(var(--color-primary-500), 1);
text-decoration-color: rgba(var(--color-primary-500), 1);
} }
.decoration-neutral-300 { .decoration-neutral-300 {
-webkit-text-decoration-color: rgba(var(--color-neutral-300), 1); text-decoration-color: rgba(var(--color-neutral-300), 1);
text-decoration-color: rgba(var(--color-neutral-300), 1);
} }
.opacity-0 { .opacity-0 {
@ -2678,13 +2676,11 @@ body:has(#menu-controller:checked) {
} }
.hover\:underline:hover { .hover\:underline:hover {
-webkit-text-decoration-line: underline; text-decoration-line: underline;
text-decoration-line: underline;
} }
.hover\:decoration-primary-400:hover { .hover\:decoration-primary-400:hover {
-webkit-text-decoration-color: rgba(var(--color-primary-400), 1); text-decoration-color: rgba(var(--color-primary-400), 1);
text-decoration-color: rgba(var(--color-primary-400), 1);
} }
.hover\:decoration-2:hover { .hover\:decoration-2:hover {
@ -2728,13 +2724,11 @@ body:has(#menu-controller:checked) {
} }
.group:hover .group-hover\:underline { .group:hover .group-hover\:underline {
-webkit-text-decoration-line: underline; text-decoration-line: underline;
text-decoration-line: underline;
} }
.group:hover .group-hover\:decoration-primary-500 { .group:hover .group-hover\:decoration-primary-500 {
-webkit-text-decoration-color: rgba(var(--color-primary-500), 1); text-decoration-color: rgba(var(--color-primary-500), 1);
text-decoration-color: rgba(var(--color-primary-500), 1);
} }
.group:hover .group-hover\:opacity-100 { .group:hover .group-hover\:opacity-100 {
@ -2861,39 +2855,6 @@ body:has(#menu-controller:checked) {
text-align: left; text-align: left;
} }
.dark .dark\:prose-invert {
--tw-prose-body: var(--tw-prose-invert-body);
--tw-prose-headings: var(--tw-prose-invert-headings);
--tw-prose-lead: var(--tw-prose-invert-lead);
--tw-prose-links: var(--tw-prose-invert-links);
--tw-prose-bold: var(--tw-prose-invert-bold);
--tw-prose-counters: var(--tw-prose-invert-counters);
--tw-prose-bullets: var(--tw-prose-invert-bullets);
--tw-prose-hr: var(--tw-prose-invert-hr);
--tw-prose-quotes: var(--tw-prose-invert-quotes);
--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
--tw-prose-captions: var(--tw-prose-invert-captions);
--tw-prose-code: var(--tw-prose-invert-code);
--tw-prose-pre-code: var(--tw-prose-invert-pre-code);
--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) {
-webkit-text-decoration-color: rgba(var(--color-neutral-600), 1);
text-decoration-color: rgba(var(--color-neutral-600), 1);
}
.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) {
color: rgba(var(--color-neutral-200), 1);
background-color: rgba(var(--color-neutral-700), 1);
}
.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
background-color: rgba(var(--color-secondary-400), 1);
}
.dark .dark\:flex { .dark .dark\:flex {
display: flex; display: flex;
} }
@ -2955,6 +2916,38 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
} }
.dark .dark\:prose-invert {
--tw-prose-body: var(--tw-prose-invert-body);
--tw-prose-headings: var(--tw-prose-invert-headings);
--tw-prose-lead: var(--tw-prose-invert-lead);
--tw-prose-links: var(--tw-prose-invert-links);
--tw-prose-bold: var(--tw-prose-invert-bold);
--tw-prose-counters: var(--tw-prose-invert-counters);
--tw-prose-bullets: var(--tw-prose-invert-bullets);
--tw-prose-hr: var(--tw-prose-invert-hr);
--tw-prose-quotes: var(--tw-prose-invert-quotes);
--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
--tw-prose-captions: var(--tw-prose-invert-captions);
--tw-prose-code: var(--tw-prose-invert-code);
--tw-prose-pre-code: var(--tw-prose-invert-pre-code);
--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-neutral-600), 1);
}
.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) {
color: rgba(var(--color-neutral-200), 1);
background-color: rgba(var(--color-neutral-700), 1);
}
.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
background-color: rgba(var(--color-secondary-400), 1);
}
.dark .dark\:text-neutral-500 { .dark .dark\:text-neutral-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
@ -3111,7 +3104,6 @@ body:has(#menu-controller:checked) {
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:sticky { .lg\:sticky {
position: -webkit-sticky;
position: sticky; position: sticky;
} }