From 23c513a4f0b9c90f0facbf613f7ad10502af3a6e Mon Sep 17 00:00:00 2001 From: Jacob Date: Sun, 17 Sep 2023 00:55:24 -0600 Subject: [PATCH] Update --- index.0c63f772.css | 2 +- src/css/var.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/index.0c63f772.css b/index.0c63f772.css index 4e4b38b..244dd78 100644 --- a/index.0c63f772.css +++ b/index.0c63f772.css @@ -1 +1 @@ -:root{--0:"Atkinson Hyperlegible Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;--1:Xcharter,Charter,Georgia,Times,"Times New Roman",serif;--2:"Fira Mono","Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;--3:"Atkinson Hyperlegible Pro",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--4:#fff;--5:#e6e6e6;--6:#ccc;--7:#b3b3b3;--8:#999;--9:gray;--a:#666;--b:#4d4d4d;--c:#333;--d:#1a1a1a;--e:#000;--f:#223544;--g:#1f303d;--h:#1b2b36;--i:#18252f;--j:#152029;--k:#0f8a42;--l:#0d7337;--m:#0a5c2c;--n:#fb3;--o:#ffb31a;--p:#e69900;--q:#e23636;--r:#df2020;--s:#c91d1d}*,:before,:after{box-sizing:border-box;color:inherit;font:inherit;text-align:inherit;vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0}html{background:var(--4);text-align:left;overflow-wrap:break-word;scroll-behavior:smooth;font-size:100%}body{color:var(--j);font-size:1rem;font-family:var(--0);font-variant-numeric:slashed-zero;font-weight:400;line-height:1.5}img,svg,picture,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}p,pre,table,blockquote,:is(h1,h2,h3,h4,h5,h6),:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){margin:.75rem 0}:is(h1,h2,h3,h4,h5,h6){font-family:var(--0);font-weight:400}h1,[data-text~=h1]{font-size:clamp(2.488rem,3vw + 1rem,4.209rem);line-height:1.1}h2,[data-text~=h2]{font-size:clamp(2.074rem,3vw + 1rem,3.157rem);line-height:1.1}h3,[data-text~=h3]{font-size:clamp(1.728rem,3vw + 1rem,2.369rem);line-height:1.15}h4,[data-text~=h4]{font-size:clamp(1.44rem,3vw + 1rem,1.777rem);line-height:1.2}h5,[data-text~=h5]{font-size:clamp(1.2rem,3vw + 1rem,1.333rem);line-height:1.3}h6,[data-text~=h6]{font-size:1rem;line-height:1.5}b,strong{font-weight:bolder}i,em,dfn{font-style:italic}[title]:where(abbr,dfn){text-underline-offset:.3125rem;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}mark{background-color:var(--o);color:var(--e)}small,sub,sup,[data-text~=small]{font-size:.875rem}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}hr{border-top:.125rem solid var(--e);min-height:.0625rem;margin:.75rem 0;display:block}:where(a){text-underline-offset:.3125rem;cursor:pointer;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}:where(a:hover,a:active){text-decoration:none}:where(a:focus){outline-offset:-.125rem;outline:thin dotted}blockquote,q{quotes:none}blockquote{font-family:var(--1);font-style:italic}blockquote:before,blockquote:after{content:"";content:none}:where(blockquote) small{display:block}:where(blockquote) small:before{content:"— "}code,kbd,pre,samp{font-family:var(--2)}pre{white-space:pre-wrap;overflow:auto}ol,ul{list-style-type:none}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){padding-left:1.5rem;list-style-position:outside}[data-list~=ol]{list-style-type:decimal}[data-list~=ol]>li:first-child>[data-list~=ol]{list-style-type:lower-alpha}[data-list~=ul]{list-style-type:disc}[data-list~=ul]>li:first-child>[data-list~=ul]{list-style-type:circle}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]) [data-list]{margin:0}table{border-collapse:collapse;border-spacing:0;width:100%;display:table}td,th{padding:.5rem .75rem;display:table-cell}:where(form) select,textarea,input{margin:.5rem 0}select,textarea,input[type=text],input[type=email],input[type=password],input[type=time],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=url]{border:.0625em solid var(--9);color:var(--9);font-family:var(--3);background-color:#0000;border-radius:.25rem;width:100%;padding:.5rem .75rem;transition:color .2s,border-color .2s,background-color .2s;display:block}select:focus,textarea:focus,input:focus:not([type=button],[type=reset],[type=submit]){color:var(--j);border-color:var(--j)}textarea{resize:vertical;min-height:6.25rem;overflow:auto}button,select,[type=button],[type=reset],[type=submit]{font-family:var(--3);text-transform:none;overflow:visible}[type=file]{opacity:0;width:0;height:0;position:absolute}:not([type=button],[type=reset],[type=submit]):invalid{border-color:var(--r)}::selection{color:var(--e);text-shadow:none;background-color:#f5daa3}[data-container]{width:clamp(20rem,100%,62.5rem);margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}:where(body)>[data-container]:first-child{margin-top:4.5rem}:where(body)>[data-container]:last-child{margin-bottom:3rem}[data-container~=full]{width:100%}[data-grid]{column-gap:1.25rem;display:grid}[data-column=all]{grid-column:1/-1}[data-dropbox]{z-index:-10;visibility:hidden;color:var(--j);opacity:0;min-width:10rem;transition:opacity .3s,visibility .3s;display:none}[data-dropbox~=menu]{background-color:var(--4);border:.0625em solid var(--e)}[data-toggle~=tooltip]{text-underline-offset:.3125rem;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}[data-dropbox=tooltip]{background-color:var(--e);color:var(--4);min-width:25ch;padding:.5rem .75rem;bottom:100%}[data-toggle]{position:relative}[data-toggle~=tooltip]>[data-dropbox],[data-toggle~=pop]>[data-dropbox],[data-toggle~=pop]+[data-dropbox]{display:block;position:absolute}[data-state=active]>[data-dropbox],[data-state=active]+[data-dropbox],[data-toggle~=tooltip]:hover>[data-dropbox]{z-index:100;visibility:visible;opacity:1;display:block}[data-anchor]{color:var(--e);font-family:var(--3);cursor:pointer;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:block}[data-anchor]:where([data-state=active],:hover,:active){color:var(--9);text-decoration:none}[data-anchor]:focus{outline-offset:-.125rem;outline:thin dotted}[data-anchor~=menu]:where([data-state=active],:hover,:active){background-color:var(--e);color:var(--4)}[data-flex~=breadcrumb]{column-gap:.375em}:where([data-flex~=breadcrumb]) li:after{content:"/";margin-left:.375em}:where([data-flex~=breadcrumb]) li:last-child:after{content:"";margin-right:0}[data-flex~=line-top]{border-top:.125em solid var(--9)}:where([data-flex~=line-top]) [data-anchor~=line]{border-top:.125em solid #0000;bottom:.125em}[data-flex~=line-bottom]{border-bottom:.125em solid var(--9)}:where([data-flex~=line-bottom]) [data-anchor~=line]{border-bottom:.125em solid #0000;top:.125em}[data-anchor~=line]{z-index:1;color:var(--9);position:relative}[data-anchor~=line]:where([data-state=active],:hover,:active){z-index:5;border-color:var(--e);color:var(--j)}[data-navbar]{background-color:var(--j);color:var(--7);width:100%}[data-navbar=top],[data-navbar=bottom]{z-index:1000;position:fixed}[data-navbar=top]{top:0}:where([data-navbar=top]) [data-dropbox]{top:100%}[data-navbar=bottom]{bottom:0}:where([data-navbar=bottom]) [data-dropbox]{bottom:100%}[data-anchor~=navbar]{color:var(--4)}[data-anchor~=navbar]:where([data-state=active],:hover,:active){color:var(--7)}[data-dropbox~=navbar]{background-color:var(--h)}[data-button]{background-color:var(--5);color:var(--j);font-family:var(--3);cursor:pointer;border:.0625em solid #0000;border-radius:.25rem;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-block}[data-button]:is([data-state=active],:hover,:active){background-color:var(--6);text-decoration:none}[data-button]:focus{outline-offset:-.125rem;outline:thin dotted}[data-button~=outline]{border-color:var(--9)}[data-button~=tertiary]{background-color:var(--a);color:var(--4)}[data-button~=tertiary]:is([data-state=active],:hover,:active){background-color:var(--9);color:var(--4)}[data-button=tertiary\ outline]{border-color:var(--a);color:var(--a)}[data-button~=secondary]{background-color:var(--c);color:var(--4)}[data-button~=secondary]:is([data-state=active],:hover,:active){background-color:var(--b);color:var(--4)}[data-button=secondary\ outline]{border-color:var(--c);color:var(--c)}[data-button~=primary]{background-color:var(--e);color:var(--4)}[data-button~=primary]:is([data-state=active],:hover,:active){background-color:var(--c);color:var(--4)}[data-button=primary\ outline]{border-color:var(--e);color:var(--e)}[data-button~=success]{background-color:var(--l);color:var(--4)}[data-button~=success]:is([data-state=active],:hover,:active){background-color:var(--m);color:var(--4)}[data-button=success\ outline]{border-color:var(--l);color:var(--l)}[data-button~=warning]{background-color:var(--o);color:var(--e)}[data-button~=warning]:is([data-state=active],:hover,:active){background-color:var(--n);color:var(--e)}[data-button=warning\ outline]{border-color:var(--o);color:var(--o)}[data-button~=danger]{background-color:var(--r);color:var(--4)}[data-button~=danger]:is([data-state=active],:hover,:active){background-color:var(--s);color:var(--4)}[data-button=danger\ outline]{border-color:var(--r);color:var(--r)}[data-button~=outline]{background-color:#0000}[data-button=link]{color:false;font-family:var(--0);text-underline-offset:.3125rem;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}[data-button=link]:is([data-state=active],:hover,:active){background-color:#0000;border-color:#0000;text-decoration:none}[data-state=disabled],[data-state=disabled]:is(:hover,:active,:focus){background-color:var(--5);color:var(--9);cursor:not-allowed;border-color:#0000;outline:0;text-decoration:none}[data-section~=header]{background-color:var(--f);color:var(--4);margin-bottom:1.5rem;padding-top:6rem;padding-bottom:3rem}[data-section~=header] :is(h1,h2,h3,h4,h5,h6){color:var(--4)}[data-section=footer]{margin-bottom:3rem}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.28c7d499.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.36ee392e.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.abb8a847.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.28aaf14b.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Roman.66580b88.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Italic.6b51daa4.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Bold.17ab6eaf.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-BoldItalic.47025037.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Regular.262ae31f.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Medium.9079f18c.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Bold.b9921ca6.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:icons;src:url(fonts/icons/icons.6d84b609.woff2)format("woff2");font-weight:400;font-style:normal;font-variant:normal}[data-icon]:before{content:attr(data-icon);vertical-align:middle;text-transform:none;font-family:icons;line-height:1;display:inline-block}[data-position~=relative]{position:relative}[data-position~=absolute]{position:absolute}[data-position~=fixed]{position:fixed}[data-position~=top]{top:0}[data-position~=bottom]{bottom:0}[data-position~=left]{left:0}[data-position~=right]{right:0}[data-box~=leading]{margin:.75rem 0}[data-box~=padding]{padding:.5rem .75rem}[data-box~=padding-top]{padding-top:.5rem}[data-box~=padding-x],[data-box~=padding-right]{padding-right:.75rem}[data-box~=padding-bottom]{padding-bottom:.5rem}[data-box~=padding-x],[data-box~=padding-left]{padding-left:.75rem}[data-box~=border]{border:.0625em solid var(--9)}[data-box~=border-top]{border-top:.0625em solid var(--9)}[data-box~=border-left],[data-box~=border-x]{border-left:.0625em solid var(--9)}[data-box~=border-right],[data-box~=border-x]{border-right:.0625em solid var(--9)}[data-box~=border-bottom]{border-bottom:.0625em solid var(--9)}[data-box~=full-width]{width:100%}[data-text~=left]{text-align:left}[data-text~=right]{text-align:right}[data-text~=center]{text-align:center}[data-text~=justify]{text-align:justify;-webkit-hyphens:auto;hyphens:auto}[data-flex]{display:flex}[data-flex~=reverse]{flex-direction:row-reverse}[data-flex~=column]{flex-direction:column}[data-flex*=column\ reverse]{flex-direction:column-reverse}[data-flex~=wrap]{flex-wrap:wrap}[data-flex~=grow]>*,[data-item~=grow]{flex-grow:1}[data-flex~=gap]{gap:1.25rem}[data-flex~=end]{justify-content:flex-end}[data-flex~=center]{justify-content:center}[data-flex~=between]{justify-content:space-between}[data-flex~=around]{justify-content:space-around}[data-flex~=even]{justify-content:space-evenly}@media screen and (width<=42.5em){[data-grid=main]{grid-template-columns:repeat(4,1fr)}[data-grid=main] [data-column~=small-1]{grid-column:span 1}[data-grid=main] [data-column~=small-2]{grid-column:span 2}[data-grid=main] [data-column~=small-3]{grid-column:span 3}[data-grid=main] [data-column~=small-4]{grid-column:span 4}[data-display~=small-none],[data-display~=medium],[data-display~=large]{display:none}}@media screen and (width>=42.5625em) and (width<=61.1875em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=medium-1]{grid-column:span 1}[data-grid=main] [data-column~=medium-2]{grid-column:span 2}[data-grid=main] [data-column~=medium-3]{grid-column:span 3}[data-grid=main] [data-column~=medium-4]{grid-column:span 4}[data-grid=main] [data-column~=medium-5]{grid-column:span 5}[data-grid=main] [data-column~=medium-6]{grid-column:span 6}[data-grid=main] [data-column~=medium-7]{grid-column:span 7}[data-grid=main] [data-column~=medium-8]{grid-column:span 8}[data-grid=main] [data-column~=medium-9]{grid-column:span 9}[data-grid=main] [data-column~=medium-10]{grid-column:span 10}[data-grid=main] [data-column~=medium-11]{grid-column:span 11}[data-grid=main] [data-column~=medium-12]{grid-column:span 12}[data-display~=medium-none],[data-display~=small],[data-display~=large]{display:none}}@media screen and (width>=61.25em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=large-1]{grid-column:span 1}[data-grid=main] [data-column~=large-2]{grid-column:span 2}[data-grid=main] [data-column~=large-3]{grid-column:span 3}[data-grid=main] [data-column~=large-4]{grid-column:span 4}[data-grid=main] [data-column~=large-5]{grid-column:span 5}[data-grid=main] [data-column~=large-6]{grid-column:span 6}[data-grid=main] [data-column~=large-7]{grid-column:span 7}[data-grid=main] [data-column~=large-8]{grid-column:span 8}[data-grid=main] [data-column~=large-9]{grid-column:span 9}[data-grid=main] [data-column~=large-10]{grid-column:span 10}[data-grid=main] [data-column~=large-11]{grid-column:span 11}[data-grid=main] [data-column~=large-12]{grid-column:span 12}[data-display~=large-none],[data-display~=small],[data-display~=medium]{display:none}}@media print{html,body{height:auto}nav{display:none}[data-container]{max-width:100%;margin:0;padding:0}[data-grid]{display:block}} \ No newline at end of file +:root{--0:"Atkinson Hyperlegible Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;--1:Xcharter,Charter,Georgia,Times,"Times New Roman",serif;--2:"Fira Mono","Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;--3:"Atkinson Hyperlegible Pro",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--4:#fff;--5:#e6e6e6;--6:#ccc;--7:#b3b3b3;--8:#999;--9:gray;--a:#666;--b:#4d4d4d;--c:#333;--d:#1a1a1a;--e:#000;--f:#223544;--g:#1f303d;--h:#1b2b36;--i:#18252f;--j:#152029;--k:#0f8a42;--l:#0d7337;--m:#0a5c2c;--n:#fb3;--o:#ffb31a;--p:#e69900;--q:#e23636;--r:#df2020;--s:#c91d1d}*,:before,:after{box-sizing:border-box;color:inherit;font:inherit;text-align:inherit;vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0}html{background:var(--4);text-align:left;overflow-wrap:break-word;scroll-behavior:smooth;font-size:106.3%}body{color:var(--j);font-size:1rem;font-family:var(--0);font-variant-numeric:slashed-zero;font-weight:400;line-height:1.5}img,svg,picture,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}p,pre,table,blockquote,:is(h1,h2,h3,h4,h5,h6),:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){margin:.75rem 0}:is(h1,h2,h3,h4,h5,h6){font-family:var(--0);font-weight:400}h1,[data-text~=h1]{font-size:clamp(2.488rem,3vw + 1rem,4.209rem);line-height:1.1}h2,[data-text~=h2]{font-size:clamp(2.074rem,3vw + 1rem,3.157rem);line-height:1.1}h3,[data-text~=h3]{font-size:clamp(1.728rem,3vw + 1rem,2.369rem);line-height:1.15}h4,[data-text~=h4]{font-size:clamp(1.44rem,3vw + 1rem,1.777rem);line-height:1.2}h5,[data-text~=h5]{font-size:clamp(1.2rem,3vw + 1rem,1.333rem);line-height:1.3}h6,[data-text~=h6]{font-size:1rem;line-height:1.5}b,strong{font-weight:bolder}i,em,dfn{font-style:italic}[title]:where(abbr,dfn){text-underline-offset:.3125rem;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}mark{background-color:var(--o);color:var(--e)}small,sub,sup,[data-text~=small]{font-size:.875rem}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}hr{border-top:.125rem solid var(--e);min-height:.0625rem;margin:.75rem 0;display:block}:where(a){text-underline-offset:.3125rem;cursor:pointer;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}:where(a:hover,a:active){text-decoration:none}:where(a:focus){outline-offset:-.125rem;outline:thin dotted}blockquote,q{quotes:none}blockquote{font-family:var(--1);font-style:italic}blockquote:before,blockquote:after{content:"";content:none}:where(blockquote) small{display:block}:where(blockquote) small:before{content:"— "}code,kbd,pre,samp{font-family:var(--2)}pre{white-space:pre-wrap;overflow:auto}ol,ul{list-style-type:none}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){padding-left:1.5rem;list-style-position:outside}[data-list~=ol]{list-style-type:decimal}[data-list~=ol]>li:first-child>[data-list~=ol]{list-style-type:lower-alpha}[data-list~=ul]{list-style-type:disc}[data-list~=ul]>li:first-child>[data-list~=ul]{list-style-type:circle}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]) [data-list]{margin:0}table{border-collapse:collapse;border-spacing:0;width:100%;display:table}td,th{padding:.5rem .75rem;display:table-cell}:where(form) select,textarea,input{margin:.5rem 0}select,textarea,input[type=text],input[type=email],input[type=password],input[type=time],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=url]{border:.0625em solid var(--9);color:var(--9);font-family:var(--3);background-color:#0000;border-radius:.25rem;width:100%;padding:.5rem .75rem;transition:color .2s,border-color .2s,background-color .2s;display:block}select:focus,textarea:focus,input:focus:not([type=button],[type=reset],[type=submit]){color:var(--j);border-color:var(--j)}textarea{resize:vertical;min-height:6.25rem;overflow:auto}button,select,[type=button],[type=reset],[type=submit]{font-family:var(--3);text-transform:none;overflow:visible}[type=file]{opacity:0;width:0;height:0;position:absolute}:not([type=button],[type=reset],[type=submit]):invalid{border-color:var(--r)}::selection{color:var(--e);text-shadow:none;background-color:#f5daa3}[data-container]{width:clamp(20rem,100%,60rem);margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}:where(body)>[data-container]:first-child{margin-top:4.5rem}:where(body)>[data-container]:last-child{margin-bottom:3rem}[data-container~=full]{width:100%}[data-grid]{column-gap:1.25rem;display:grid}[data-column=all]{grid-column:1/-1}[data-dropbox]{z-index:-10;visibility:hidden;color:var(--j);opacity:0;min-width:10rem;transition:opacity .3s,visibility .3s;display:none}[data-dropbox~=menu]{background-color:var(--4);border:.0625em solid var(--e)}[data-toggle~=tooltip]{text-underline-offset:.3125rem;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}[data-dropbox=tooltip]{background-color:var(--e);color:var(--4);min-width:25ch;padding:.5rem .75rem;bottom:100%}[data-toggle]{position:relative}[data-toggle~=tooltip]>[data-dropbox],[data-toggle~=pop]>[data-dropbox],[data-toggle~=pop]+[data-dropbox]{display:block;position:absolute}[data-state=active]>[data-dropbox],[data-state=active]+[data-dropbox],[data-toggle~=tooltip]:hover>[data-dropbox]{z-index:100;visibility:visible;opacity:1;display:block}[data-anchor]{color:var(--e);font-family:var(--3);cursor:pointer;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:block}[data-anchor]:where([data-state=active],:hover,:active){color:var(--9);text-decoration:none}[data-anchor]:focus{outline-offset:-.125rem;outline:thin dotted}[data-anchor~=menu]:where([data-state=active],:hover,:active){background-color:var(--e);color:var(--4)}[data-flex~=breadcrumb]{column-gap:.375em}:where([data-flex~=breadcrumb]) li:after{content:"/";margin-left:.375em}:where([data-flex~=breadcrumb]) li:last-child:after{content:"";margin-right:0}[data-flex~=line-top]{border-top:.125em solid var(--9)}:where([data-flex~=line-top]) [data-anchor~=line]{border-top:.125em solid #0000;bottom:.125em}[data-flex~=line-bottom]{border-bottom:.125em solid var(--9)}:where([data-flex~=line-bottom]) [data-anchor~=line]{border-bottom:.125em solid #0000;top:.125em}[data-anchor~=line]{z-index:1;color:var(--9);position:relative}[data-anchor~=line]:where([data-state=active],:hover,:active){z-index:5;border-color:var(--e);color:var(--j)}[data-navbar]{background-color:var(--j);color:var(--7);width:100%}[data-navbar=top],[data-navbar=bottom]{z-index:1000;position:fixed}[data-navbar=top]{top:0}:where([data-navbar=top]) [data-dropbox]{top:100%}[data-navbar=bottom]{bottom:0}:where([data-navbar=bottom]) [data-dropbox]{bottom:100%}[data-anchor~=navbar]{color:var(--4)}[data-anchor~=navbar]:where([data-state=active],:hover,:active){color:var(--7)}[data-dropbox~=navbar]{background-color:var(--h)}[data-button]{background-color:var(--5);color:var(--j);font-family:var(--3);cursor:pointer;border:.0625em solid #0000;border-radius:.25rem;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-block}[data-button]:is([data-state=active],:hover,:active){background-color:var(--6);text-decoration:none}[data-button]:focus{outline-offset:-.125rem;outline:thin dotted}[data-button~=outline]{border-color:var(--9)}[data-button~=tertiary]{background-color:var(--a);color:var(--4)}[data-button~=tertiary]:is([data-state=active],:hover,:active){background-color:var(--9);color:var(--4)}[data-button=tertiary\ outline]{border-color:var(--a);color:var(--a)}[data-button~=secondary]{background-color:var(--c);color:var(--4)}[data-button~=secondary]:is([data-state=active],:hover,:active){background-color:var(--b);color:var(--4)}[data-button=secondary\ outline]{border-color:var(--c);color:var(--c)}[data-button~=primary]{background-color:var(--e);color:var(--4)}[data-button~=primary]:is([data-state=active],:hover,:active){background-color:var(--c);color:var(--4)}[data-button=primary\ outline]{border-color:var(--e);color:var(--e)}[data-button~=success]{background-color:var(--l);color:var(--4)}[data-button~=success]:is([data-state=active],:hover,:active){background-color:var(--m);color:var(--4)}[data-button=success\ outline]{border-color:var(--l);color:var(--l)}[data-button~=warning]{background-color:var(--o);color:var(--e)}[data-button~=warning]:is([data-state=active],:hover,:active){background-color:var(--n);color:var(--e)}[data-button=warning\ outline]{border-color:var(--o);color:var(--o)}[data-button~=danger]{background-color:var(--r);color:var(--4)}[data-button~=danger]:is([data-state=active],:hover,:active){background-color:var(--s);color:var(--4)}[data-button=danger\ outline]{border-color:var(--r);color:var(--r)}[data-button~=outline]{background-color:#0000}[data-button=link]{color:false;font-family:var(--0);text-underline-offset:.3125rem;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}[data-button=link]:is([data-state=active],:hover,:active){background-color:#0000;border-color:#0000;text-decoration:none}[data-state=disabled],[data-state=disabled]:is(:hover,:active,:focus){background-color:var(--5);color:var(--9);cursor:not-allowed;border-color:#0000;outline:0;text-decoration:none}[data-section~=header]{background-color:var(--f);color:var(--4);margin-bottom:1.5rem;padding-top:6rem;padding-bottom:3rem}[data-section~=header] :is(h1,h2,h3,h4,h5,h6){color:var(--4)}[data-section=footer]{margin-bottom:3rem}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.28c7d499.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.36ee392e.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.abb8a847.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.28aaf14b.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Roman.66580b88.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Italic.6b51daa4.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Bold.17ab6eaf.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-BoldItalic.47025037.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Regular.262ae31f.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Medium.9079f18c.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Bold.b9921ca6.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:icons;src:url(fonts/icons/icons.6d84b609.woff2)format("woff2");font-weight:400;font-style:normal;font-variant:normal}[data-icon]:before{content:attr(data-icon);vertical-align:middle;text-transform:none;font-family:icons;line-height:1;display:inline-block}[data-position~=relative]{position:relative}[data-position~=absolute]{position:absolute}[data-position~=fixed]{position:fixed}[data-position~=top]{top:0}[data-position~=bottom]{bottom:0}[data-position~=left]{left:0}[data-position~=right]{right:0}[data-box~=leading]{margin:.75rem 0}[data-box~=padding]{padding:.5rem .75rem}[data-box~=padding-top]{padding-top:.5rem}[data-box~=padding-x],[data-box~=padding-right]{padding-right:.75rem}[data-box~=padding-bottom]{padding-bottom:.5rem}[data-box~=padding-x],[data-box~=padding-left]{padding-left:.75rem}[data-box~=border]{border:.0625em solid var(--9)}[data-box~=border-top]{border-top:.0625em solid var(--9)}[data-box~=border-left],[data-box~=border-x]{border-left:.0625em solid var(--9)}[data-box~=border-right],[data-box~=border-x]{border-right:.0625em solid var(--9)}[data-box~=border-bottom]{border-bottom:.0625em solid var(--9)}[data-box~=full-width]{width:100%}[data-text~=left]{text-align:left}[data-text~=right]{text-align:right}[data-text~=center]{text-align:center}[data-text~=justify]{text-align:justify;-webkit-hyphens:auto;hyphens:auto}[data-flex]{display:flex}[data-flex~=reverse]{flex-direction:row-reverse}[data-flex~=column]{flex-direction:column}[data-flex*=column\ reverse]{flex-direction:column-reverse}[data-flex~=wrap]{flex-wrap:wrap}[data-flex~=grow]>*,[data-item~=grow]{flex-grow:1}[data-flex~=gap]{gap:1.25rem}[data-flex~=end]{justify-content:flex-end}[data-flex~=center]{justify-content:center}[data-flex~=between]{justify-content:space-between}[data-flex~=around]{justify-content:space-around}[data-flex~=even]{justify-content:space-evenly}@media screen and (width<=42.5em){[data-grid=main]{grid-template-columns:repeat(4,1fr)}[data-grid=main] [data-column~=small-1]{grid-column:span 1}[data-grid=main] [data-column~=small-2]{grid-column:span 2}[data-grid=main] [data-column~=small-3]{grid-column:span 3}[data-grid=main] [data-column~=small-4]{grid-column:span 4}[data-display~=small-none],[data-display~=medium],[data-display~=large]{display:none}}@media screen and (width>=42.5625em) and (width<=61.1875em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=medium-1]{grid-column:span 1}[data-grid=main] [data-column~=medium-2]{grid-column:span 2}[data-grid=main] [data-column~=medium-3]{grid-column:span 3}[data-grid=main] [data-column~=medium-4]{grid-column:span 4}[data-grid=main] [data-column~=medium-5]{grid-column:span 5}[data-grid=main] [data-column~=medium-6]{grid-column:span 6}[data-grid=main] [data-column~=medium-7]{grid-column:span 7}[data-grid=main] [data-column~=medium-8]{grid-column:span 8}[data-grid=main] [data-column~=medium-9]{grid-column:span 9}[data-grid=main] [data-column~=medium-10]{grid-column:span 10}[data-grid=main] [data-column~=medium-11]{grid-column:span 11}[data-grid=main] [data-column~=medium-12]{grid-column:span 12}[data-display~=medium-none],[data-display~=small],[data-display~=large]{display:none}}@media screen and (width>=61.25em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=large-1]{grid-column:span 1}[data-grid=main] [data-column~=large-2]{grid-column:span 2}[data-grid=main] [data-column~=large-3]{grid-column:span 3}[data-grid=main] [data-column~=large-4]{grid-column:span 4}[data-grid=main] [data-column~=large-5]{grid-column:span 5}[data-grid=main] [data-column~=large-6]{grid-column:span 6}[data-grid=main] [data-column~=large-7]{grid-column:span 7}[data-grid=main] [data-column~=large-8]{grid-column:span 8}[data-grid=main] [data-column~=large-9]{grid-column:span 9}[data-grid=main] [data-column~=large-10]{grid-column:span 10}[data-grid=main] [data-column~=large-11]{grid-column:span 11}[data-grid=main] [data-column~=large-12]{grid-column:span 12}[data-display~=large-none],[data-display~=small],[data-display~=medium]{display:none}}@media print{html,body{height:auto}nav{display:none}[data-container]{max-width:100%;margin:0;padding:0}[data-grid]{display:block}} \ No newline at end of file diff --git a/src/css/var.css b/src/css/var.css index 57155ba..dbef765 100644 --- a/src/css/var.css +++ b/src/css/var.css @@ -78,7 +78,7 @@ $border-color: var(--neutral-050); $border-radius: 0.25rem; /* Typography */ -$root-font-size: 100%; +$root-font-size: 106.3%; $body-font-size: 1rem; $body-font-color: var(--primary-000); $body-font-family: var(--font-sans); @@ -245,7 +245,7 @@ $grid-medium-columns: 12; $grid-large-columns: 12; /* Container */ -$container-width: clamp(20rem, 100%, 62.5rem); +$container-width: clamp(20rem, 100%, 60rem); $container-margin-top: calc($leading * 3); $container-margin-bottom: calc($leading * 2); $container-gap: 1.25rem;