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

342
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 {
@ -1178,11 +1183,9 @@ video {
margin-bottom: 0; margin-bottom: 0;
} }
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;
} }
@ -1196,9 +1199,9 @@ body button {
/* Search */ /* Search */
#search-query::-webkit-search-cancel-button, #search-query::-webkit-search-cancel-button,
#search-query::-webkit-search-decoration, #search-query::-webkit-search-decoration,
#search-query::-webkit-search-results-button, #search-query::-webkit-search-results-button,
#search-query::-webkit-search-results-decoration { #search-query::-webkit-search-results-decoration {
display: none; display: none;
} }
@ -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;
} }
@ -1257,7 +1260,7 @@ body:has(#menu-controller:checked) {
/* Table of Contents */ /* Table of Contents */
.toc ul, .toc ul,
.toc li { .toc li {
list-style-type: none; list-style-type: none;
padding-left: 0px; padding-left: 0px;
@ -1333,17 +1336,17 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
} }
.copy-button:hover, .copy-button:hover,
.copy-button:focus, .copy-button:focus,
.copy-button:active, .copy-button:active,
.copy-button:active:hover { .copy-button:active:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
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));
@ -1377,7 +1380,7 @@ body:has(#menu-controller:checked) {
/* LineTableTD */ /* LineTableTD */
.chroma .lntd, .chroma .lntd,
.chroma .lntd pre { .chroma .lntd pre {
margin: 0px; margin: 0px;
border-style: none; border-style: none;
@ -1427,7 +1430,7 @@ body:has(#menu-controller:checked) {
/* LineNumbers */ /* LineNumbers */
.chroma .lnt, .chroma .lnt,
.chroma .ln { .chroma .ln {
margin-right: 0.4em; margin-right: 0.4em;
padding-left: 0.4em; padding-left: 0.4em;
@ -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));
@ -1464,29 +1467,29 @@ body:has(#menu-controller:checked) {
/* Operator */ /* Operator */
.chroma .k, .chroma .k,
.chroma .kd, .chroma .kd,
.chroma .kn, .chroma .kn,
.chroma .kp, .chroma .kp,
.chroma .kr, .chroma .kr,
.chroma .nc, .chroma .nc,
.chroma .fm, .chroma .fm,
.chroma .nn, .chroma .nn,
.chroma .vc, .chroma .vc,
.chroma .o { .chroma .o {
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1527,31 +1530,31 @@ body:has(#menu-controller:checked) {
/* LiteralNumberOct */ /* LiteralNumberOct */
.chroma .kt, .chroma .kt,
.chroma .nv, .chroma .nv,
.chroma .vi, .chroma .vi,
.chroma .vm, .chroma .vm,
.chroma .m, .chroma .m,
.chroma .mb, .chroma .mb,
.chroma .mf, .chroma .mf,
.chroma .mh, .chroma .mh,
.chroma .mi, .chroma .mi,
.chroma .il, .chroma .il,
.chroma .mo { .chroma .mo {
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1565,17 +1568,17 @@ body:has(#menu-controller:checked) {
/* NameLabel */ /* NameLabel */
.chroma .n, .chroma .n,
.chroma .nd, .chroma .nd,
.chroma .ni, .chroma .ni,
.chroma .nl { .chroma .nl {
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1593,21 +1596,21 @@ body:has(#menu-controller:checked) {
/* NameTag */ /* NameTag */
.chroma .na, .chroma .na,
.chroma .nb, .chroma .nb,
.chroma .bp, .chroma .bp,
.chroma .nx, .chroma .nx,
.chroma .py, .chroma .py,
.chroma .nt { .chroma .nt {
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1619,16 +1622,16 @@ body:has(#menu-controller:checked) {
/* NameVariableGlobal */ /* NameVariableGlobal */
.chroma .no, .chroma .no,
.chroma .ne, .chroma .ne,
.chroma .vg { .chroma .vg {
font-weight: 600; font-weight: 600;
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1678,41 +1681,41 @@ body:has(#menu-controller:checked) {
/* GenericPrompt */ /* GenericPrompt */
.chroma .l, .chroma .l,
.chroma .ld, .chroma .ld,
.chroma .s, .chroma .s,
.chroma .sa, .chroma .sa,
.chroma .sb, .chroma .sb,
.chroma .sc, .chroma .sc,
.chroma .dl, .chroma .dl,
.chroma .sd, .chroma .sd,
.chroma .s2, .chroma .s2,
.chroma .sh, .chroma .sh,
.chroma .si, .chroma .si,
.chroma .sx, .chroma .sx,
.chroma .s1, .chroma .s1,
.chroma .gi, .chroma .gi,
.chroma .go, .chroma .go,
.chroma .gp { .chroma .gp {
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1735,14 +1738,14 @@ body:has(#menu-controller:checked) {
/* LiteralStringSymbol */ /* LiteralStringSymbol */
.chroma .sr, .chroma .sr,
.chroma .ss { .chroma .ss {
font-weight: 600; font-weight: 600;
--tw-text-opacity: 1; --tw-text-opacity: 1;
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));
@ -1773,22 +1776,22 @@ body:has(#menu-controller:checked) {
/* CommentPreprocFile */ /* CommentPreprocFile */
.chroma .c, .chroma .c,
.chroma .cm, .chroma .cm,
.chroma .c1, .chroma .c1,
.chroma .cs, .chroma .cs,
.chroma .cp, .chroma .cp,
.chroma .cpf { .chroma .cpf {
font-style: italic; font-style: italic;
--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));
} }
.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));
@ -1832,7 +1835,7 @@ body:has(#menu-controller:checked) {
/* GenericTraceback */ /* GenericTraceback */
.chroma .gu, .chroma .gu,
.chroma .gt { .chroma .gt {
--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));
@ -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;
} }