4226 lines
126 KiB
CSS
4226 lines
126 KiB
CSS
|
*,
|
||
|
|
:before,
|
||
|
|
:after {
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-repeat: no-repeat
|
||
|
|
}
|
||
|
|
|
||
|
|
:before,
|
||
|
|
:after {
|
||
|
|
-webkit-text-decoration: inherit;
|
||
|
|
text-decoration: inherit;
|
||
|
|
vertical-align: inherit
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
cursor: default;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
-webkit-text-size-adjust: none;
|
||
|
|
-moz-text-size-adjust: none;
|
||
|
|
-ms-text-size-adjust: none;
|
||
|
|
text-size-adjust: none
|
||
|
|
}
|
||
|
|
|
||
|
|
abbr[title] {
|
||
|
|
text-decoration: underline dotted
|
||
|
|
}
|
||
|
|
|
||
|
|
strong,
|
||
|
|
b {
|
||
|
|
font-weight: bolder
|
||
|
|
}
|
||
|
|
|
||
|
|
small {
|
||
|
|
font-size: 80%
|
||
|
|
}
|
||
|
|
|
||
|
|
audio,
|
||
|
|
canvas,
|
||
|
|
iframe,
|
||
|
|
img,
|
||
|
|
svg,
|
||
|
|
video {
|
||
|
|
vertical-align: middle
|
||
|
|
}
|
||
|
|
|
||
|
|
svg:not([fill]) {
|
||
|
|
fill: currentColor
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
text-indent: 0;
|
||
|
|
border-color: currentColor
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
[type=button],
|
||
|
|
[type=reset],
|
||
|
|
[type=submit] {
|
||
|
|
-webkit-appearance: button
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
border: 1px solid #a0a0a0
|
||
|
|
}
|
||
|
|
|
||
|
|
progress {
|
||
|
|
vertical-align: baseline
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[type=search] {
|
||
|
|
-webkit-appearance: textfield;
|
||
|
|
outline-offset: -2px
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-inner-spin-button {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-outer-spin-button {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-input-placeholder {
|
||
|
|
color: inherit;
|
||
|
|
opacity: .54
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-search-decoration {
|
||
|
|
-webkit-appearance: none
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-file-upload-button {
|
||
|
|
-webkit-appearance: button;
|
||
|
|
font: inherit
|
||
|
|
}
|
||
|
|
|
||
|
|
[hidden] {
|
||
|
|
display: none !important
|
||
|
|
}
|
||
|
|
|
||
|
|
:focus-visible {
|
||
|
|
outline: .2em solid var(--accent);
|
||
|
|
z-index: 32
|
||
|
|
}
|
||
|
|
|
||
|
|
iframe:focus-visible,
|
||
|
|
html:focus-visible,
|
||
|
|
body:focus-visible {
|
||
|
|
outline: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:target {
|
||
|
|
outline: .2em solid var(--fg);
|
||
|
|
z-index: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
details>summary:first-of-type {
|
||
|
|
display: list-item
|
||
|
|
}
|
||
|
|
|
||
|
|
[aria-busy=true] {
|
||
|
|
cursor: progress
|
||
|
|
}
|
||
|
|
|
||
|
|
[aria-disabled=true],
|
||
|
|
[disabled] {
|
||
|
|
cursor: not-allowed
|
||
|
|
}
|
||
|
|
|
||
|
|
datalist {
|
||
|
|
display: none !important
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--gray-0: #f8fafb;
|
||
|
|
--gray-1: #f2f4f6;
|
||
|
|
--gray-2: #ebedef;
|
||
|
|
--gray-3: #e0e4e5;
|
||
|
|
--gray-4: #d1d6d8;
|
||
|
|
--gray-5: #b1b6b9;
|
||
|
|
--gray-6: #979b9d;
|
||
|
|
--gray-7: #7e8282;
|
||
|
|
--gray-8: #666968;
|
||
|
|
--gray-9: #50514f;
|
||
|
|
--gray-10: #3a3a37;
|
||
|
|
--gray-11: #252521;
|
||
|
|
--gray-12: #121210;
|
||
|
|
--red-0: #fff5f5;
|
||
|
|
--red-1: #ffe3e3;
|
||
|
|
--red-2: #ffc9c9;
|
||
|
|
--red-3: #ffa8a8;
|
||
|
|
--red-4: #ff8787;
|
||
|
|
--red-5: #ff6b6b;
|
||
|
|
--red-6: #fa5252;
|
||
|
|
--red-7: #f03e3e;
|
||
|
|
--red-8: #e03131;
|
||
|
|
--red-9: #c92a2a;
|
||
|
|
--red-10: #b02525;
|
||
|
|
--red-11: #962020;
|
||
|
|
--red-12: #7d1a1a;
|
||
|
|
--pink-0: #fff0f6;
|
||
|
|
--pink-1: #ffdeeb;
|
||
|
|
--pink-2: #fcc2d7;
|
||
|
|
--pink-3: #faa2c1;
|
||
|
|
--pink-4: #f783ac;
|
||
|
|
--pink-5: #f06595;
|
||
|
|
--pink-6: #e64980;
|
||
|
|
--pink-7: #d6336c;
|
||
|
|
--pink-8: #c2255c;
|
||
|
|
--pink-9: #a61e4d;
|
||
|
|
--pink-10: #8c1941;
|
||
|
|
--pink-11: #731536;
|
||
|
|
--pink-12: #59102a;
|
||
|
|
--purple-0: #f8f0fc;
|
||
|
|
--purple-1: #f3d9fa;
|
||
|
|
--purple-2: #eebefa;
|
||
|
|
--purple-3: #e599f7;
|
||
|
|
--purple-4: #da77f2;
|
||
|
|
--purple-5: #cc5de8;
|
||
|
|
--purple-6: #be4bdb;
|
||
|
|
--purple-7: #ae3ec9;
|
||
|
|
--purple-8: #9c36b5;
|
||
|
|
--purple-9: #862e9c;
|
||
|
|
--purple-10: #702682;
|
||
|
|
--purple-11: #5a1e69;
|
||
|
|
--purple-12: #44174f;
|
||
|
|
--violet-0: #f3f0ff;
|
||
|
|
--violet-1: #e5dbff;
|
||
|
|
--violet-2: #d0bfff;
|
||
|
|
--violet-3: #b197fc;
|
||
|
|
--violet-4: #9775fa;
|
||
|
|
--violet-5: #845ef7;
|
||
|
|
--violet-6: #7950f2;
|
||
|
|
--violet-7: #7048e8;
|
||
|
|
--violet-8: #6741d9;
|
||
|
|
--violet-9: #5f3dc4;
|
||
|
|
--violet-10: #5235ab;
|
||
|
|
--violet-11: #462d91;
|
||
|
|
--violet-12: #3a2578;
|
||
|
|
--indigo-0: #edf2ff;
|
||
|
|
--indigo-1: #dbe4ff;
|
||
|
|
--indigo-2: #bac8ff;
|
||
|
|
--indigo-3: #91a7ff;
|
||
|
|
--indigo-4: #748ffc;
|
||
|
|
--indigo-5: #5c7cfa;
|
||
|
|
--indigo-6: #4c6ef5;
|
||
|
|
--indigo-7: #4263eb;
|
||
|
|
--indigo-8: #3b5bdb;
|
||
|
|
--indigo-9: #364fc7;
|
||
|
|
--indigo-10: #2f44ad;
|
||
|
|
--indigo-11: #283a94;
|
||
|
|
--indigo-12: #21307a;
|
||
|
|
--blue-0: #e7f5ff;
|
||
|
|
--blue-1: #d0ebff;
|
||
|
|
--blue-2: #a5d8ff;
|
||
|
|
--blue-3: #74c0fc;
|
||
|
|
--blue-4: #4dabf7;
|
||
|
|
--blue-5: #339af0;
|
||
|
|
--blue-6: #228be6;
|
||
|
|
--blue-7: #1c7ed6;
|
||
|
|
--blue-8: #1971c2;
|
||
|
|
--blue-9: #1864ab;
|
||
|
|
--blue-10: #145591;
|
||
|
|
--blue-11: #114678;
|
||
|
|
--blue-12: #0d375e;
|
||
|
|
--cyan-0: #e3fafc;
|
||
|
|
--cyan-1: #c5f6fa;
|
||
|
|
--cyan-2: #99e9f2;
|
||
|
|
--cyan-3: #66d9e8;
|
||
|
|
--cyan-4: #3bc9db;
|
||
|
|
--cyan-5: #22b8cf;
|
||
|
|
--cyan-6: #15aabf;
|
||
|
|
--cyan-7: #1098ad;
|
||
|
|
--cyan-8: #0c8599;
|
||
|
|
--cyan-9: #0b7285;
|
||
|
|
--cyan-10: #095c6b;
|
||
|
|
--cyan-11: #074652;
|
||
|
|
--cyan-12: #053038;
|
||
|
|
--teal-0: #e6fcf5;
|
||
|
|
--teal-1: #c3fae8;
|
||
|
|
--teal-2: #96f2d7;
|
||
|
|
--teal-3: #63e6be;
|
||
|
|
--teal-4: #38d9a9;
|
||
|
|
--teal-5: #20c997;
|
||
|
|
--teal-6: #12b886;
|
||
|
|
--teal-7: #0ca678;
|
||
|
|
--teal-8: #099268;
|
||
|
|
--teal-9: #087f5b;
|
||
|
|
--teal-10: #066649;
|
||
|
|
--teal-11: #054d37;
|
||
|
|
--teal-12: #033325;
|
||
|
|
--green-0: #ebfbee;
|
||
|
|
--green-1: #d3f9d8;
|
||
|
|
--green-2: #b2f2bb;
|
||
|
|
--green-3: #8ce99a;
|
||
|
|
--green-4: #69db7c;
|
||
|
|
--green-5: #51cf66;
|
||
|
|
--green-6: #40c057;
|
||
|
|
--green-7: #37b24d;
|
||
|
|
--green-8: #2f9e44;
|
||
|
|
--green-9: #2b8a3e;
|
||
|
|
--green-10: #237032;
|
||
|
|
--green-11: #1b5727;
|
||
|
|
--green-12: #133d1b;
|
||
|
|
--lime-0: #f4fce3;
|
||
|
|
--lime-1: #e9fac8;
|
||
|
|
--lime-2: #d8f5a2;
|
||
|
|
--lime-3: #c0eb75;
|
||
|
|
--lime-4: #a9e34b;
|
||
|
|
--lime-5: #94d82d;
|
||
|
|
--lime-6: #82c91e;
|
||
|
|
--lime-7: #74b816;
|
||
|
|
--lime-8: #66a80f;
|
||
|
|
--lime-9: #5c940d;
|
||
|
|
--lime-10: #4c7a0b;
|
||
|
|
--lime-11: #3c6109;
|
||
|
|
--lime-12: #2c4706;
|
||
|
|
--yellow-0: #fff9db;
|
||
|
|
--yellow-1: #fff3bf;
|
||
|
|
--yellow-2: #ffec99;
|
||
|
|
--yellow-3: #ffe066;
|
||
|
|
--yellow-4: #ffd43b;
|
||
|
|
--yellow-5: #fcc419;
|
||
|
|
--yellow-6: #fab005;
|
||
|
|
--yellow-7: #f59f00;
|
||
|
|
--yellow-8: #f08c00;
|
||
|
|
--yellow-9: #e67700;
|
||
|
|
--yellow-10: #b35c00;
|
||
|
|
--yellow-11: #804200;
|
||
|
|
--yellow-12: #663500;
|
||
|
|
--orange-0: #fff4e6;
|
||
|
|
--orange-1: #ffe8cc;
|
||
|
|
--orange-2: #ffd8a8;
|
||
|
|
--orange-3: #ffc078;
|
||
|
|
--orange-4: #ffa94d;
|
||
|
|
--orange-5: #ff922b;
|
||
|
|
--orange-6: #fd7e14;
|
||
|
|
--orange-7: #f76707;
|
||
|
|
--orange-8: #e8590c;
|
||
|
|
--orange-9: #d9480f;
|
||
|
|
--orange-10: #bf400d;
|
||
|
|
--orange-11: #99330b;
|
||
|
|
--orange-12: #802b09;
|
||
|
|
--choco-0: #fff8dc;
|
||
|
|
--choco-1: #fce1bc;
|
||
|
|
--choco-2: #f7ca9e;
|
||
|
|
--choco-3: #f1b280;
|
||
|
|
--choco-4: #e99b62;
|
||
|
|
--choco-5: #df8545;
|
||
|
|
--choco-6: #d46e25;
|
||
|
|
--choco-7: #bd5f1b;
|
||
|
|
--choco-8: #a45117;
|
||
|
|
--choco-9: #8a4513;
|
||
|
|
--choco-10: #703a13;
|
||
|
|
--choco-11: #572f12;
|
||
|
|
--choco-12: #3d210d;
|
||
|
|
--brown-0: #faf4eb;
|
||
|
|
--brown-1: #ede0d1;
|
||
|
|
--brown-2: #e0cab7;
|
||
|
|
--brown-3: #d3b79e;
|
||
|
|
--brown-4: #c5a285;
|
||
|
|
--brown-5: #b78f6d;
|
||
|
|
--brown-6: #a87c56;
|
||
|
|
--brown-7: #956b47;
|
||
|
|
--brown-8: #825b3a;
|
||
|
|
--brown-9: #6f4b2d;
|
||
|
|
--brown-10: #5e3a21;
|
||
|
|
--brown-11: #4e2b15;
|
||
|
|
--brown-12: #422412;
|
||
|
|
--sand-0: #f8fafb;
|
||
|
|
--sand-1: #e6e4dc;
|
||
|
|
--sand-2: #d5cfbd;
|
||
|
|
--sand-3: #c2b9a0;
|
||
|
|
--sand-4: #aea58c;
|
||
|
|
--sand-5: #9a9178;
|
||
|
|
--sand-6: #867c65;
|
||
|
|
--sand-7: #736a53;
|
||
|
|
--sand-8: #5f5746;
|
||
|
|
--sand-9: #4b4639;
|
||
|
|
--sand-10: #38352d;
|
||
|
|
--sand-11: #252521;
|
||
|
|
--sand-12: #121210;
|
||
|
|
--camo-0: #f9fbe7;
|
||
|
|
--camo-1: #e8ed9c;
|
||
|
|
--camo-2: #d2df4e;
|
||
|
|
--camo-3: #c2ce34;
|
||
|
|
--camo-4: #b5bb2e;
|
||
|
|
--camo-5: #a7a827;
|
||
|
|
--camo-6: #999621;
|
||
|
|
--camo-7: #8c851c;
|
||
|
|
--camo-8: #7e7416;
|
||
|
|
--camo-9: #6d6414;
|
||
|
|
--camo-10: #5d5411;
|
||
|
|
--camo-11: #4d460e;
|
||
|
|
--camo-12: #36300a;
|
||
|
|
--jungle-0: #ecfeb0;
|
||
|
|
--jungle-1: #def39a;
|
||
|
|
--jungle-2: #d0e884;
|
||
|
|
--jungle-3: #c2dd6e;
|
||
|
|
--jungle-4: #b5d15b;
|
||
|
|
--jungle-5: #a8c648;
|
||
|
|
--jungle-6: #9bbb36;
|
||
|
|
--jungle-7: #8fb024;
|
||
|
|
--jungle-8: #84a513;
|
||
|
|
--jungle-9: #7a9908;
|
||
|
|
--jungle-10: #658006;
|
||
|
|
--jungle-11: #516605;
|
||
|
|
--jungle-12: #3d4d04
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
font-family: var(--main-font);
|
||
|
|
line-height: var(--rhythm);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
scroll-padding-block-start: calc(4*var(--gap))
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
header,
|
||
|
|
footer,
|
||
|
|
section+section {
|
||
|
|
margin-block: calc(2*var(--gap))
|
||
|
|
}
|
||
|
|
|
||
|
|
nav a {
|
||
|
|
color: var(--accent);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
aside {
|
||
|
|
font-size: .8em;
|
||
|
|
line-height: calc(var(--rhythm)*2/3);
|
||
|
|
--gap: calc(var(--rhythm)*var(--density)*2/3);
|
||
|
|
border-block: 1px solid var(--graphical-fg);
|
||
|
|
padding-block: var(--gap);
|
||
|
|
margin-block: calc(var(--gap)*3/2)
|
||
|
|
}
|
||
|
|
|
||
|
|
aside.bg {
|
||
|
|
padding-inline: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
aside h1,
|
||
|
|
aside h2,
|
||
|
|
aside h3,
|
||
|
|
aside h4,
|
||
|
|
aside h5,
|
||
|
|
aside h6 {
|
||
|
|
text-transform: none;
|
||
|
|
letter-spacing: none;
|
||
|
|
font-size: 1em
|
||
|
|
}
|
||
|
|
|
||
|
|
aside.big {
|
||
|
|
color: var(--accent);
|
||
|
|
background: 0 0;
|
||
|
|
border: none;
|
||
|
|
border-radius: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
aside.big:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
border-left: 1px solid var(--muted-fg);
|
||
|
|
padding-left: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--muted-fg);
|
||
|
|
padding-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
aside.big:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
aside.big:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--muted-fg);
|
||
|
|
padding-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
.\<h1\>,
|
||
|
|
.\<h2\>,
|
||
|
|
.\<h3\>,
|
||
|
|
.\<h4\>,
|
||
|
|
.\<h5\>,
|
||
|
|
.\<h6\> {
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
margin-top: calc(2*var(--gap));
|
||
|
|
margin-bottom: var(--gap);
|
||
|
|
font-size: 1em;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
.\<h1\> {
|
||
|
|
text-transform: none;
|
||
|
|
font-size: 2em;
|
||
|
|
line-height: calc(2*var(--rhythm));
|
||
|
|
letter-spacing: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
h2,
|
||
|
|
.\<h2\> {
|
||
|
|
text-transform: none;
|
||
|
|
font-size: 1.6em;
|
||
|
|
line-height: calc(1.5*var(--rhythm));
|
||
|
|
letter-spacing: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
h3,
|
||
|
|
.\<h3\> {
|
||
|
|
font-size: 1.17em;
|
||
|
|
line-height: calc(1*var(--rhythm))
|
||
|
|
}
|
||
|
|
|
||
|
|
h4,
|
||
|
|
.\<h4\>,
|
||
|
|
h5,
|
||
|
|
.\<h5\>,
|
||
|
|
h6,
|
||
|
|
.\<h6\> {
|
||
|
|
text-transform: none;
|
||
|
|
font-size: 1em;
|
||
|
|
line-height: calc(1*var(--rhythm));
|
||
|
|
letter-spacing: 0;
|
||
|
|
margin-top: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
h1+h2,
|
||
|
|
h2+h3,
|
||
|
|
h3+h4,
|
||
|
|
h4+h5,
|
||
|
|
h5+h6,
|
||
|
|
h1:first-child,
|
||
|
|
h2:first-child,
|
||
|
|
h3:first-child,
|
||
|
|
h4:first-child,
|
||
|
|
h5:first-child,
|
||
|
|
h6:first-child {
|
||
|
|
margin-top: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
h1:target,
|
||
|
|
h2:target,
|
||
|
|
h3:target,
|
||
|
|
h4:target,
|
||
|
|
h5:target,
|
||
|
|
h6:target {
|
||
|
|
outline: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(h1:target, h2:target, h3:target, h4:target, h5:target, h6:target):before {
|
||
|
|
content: "";
|
||
|
|
background: var(--accent);
|
||
|
|
width: 4px;
|
||
|
|
height: 100%;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: -.5em
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
border-bottom: 1px solid var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
font-size: .8em;
|
||
|
|
line-height: calc(var(--rhythm)*2/3);
|
||
|
|
border-top: 1px solid var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
body>header,
|
||
|
|
body>footer,
|
||
|
|
main+footer {
|
||
|
|
padding: var(--rhythm)calc((100% - var(--eff-line-length))/2)
|
||
|
|
}
|
||
|
|
|
||
|
|
address {
|
||
|
|
--density: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
hr {
|
||
|
|
color: inherit;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-block: var(--gap);
|
||
|
|
border-top: 1px solid var(--accent);
|
||
|
|
border-bottom: none;
|
||
|
|
flex: 0 1 0;
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
hr:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
border-left: 1px solid var(--accent);
|
||
|
|
border-right: none
|
||
|
|
}
|
||
|
|
|
||
|
|
hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--accent);
|
||
|
|
border-left: none
|
||
|
|
}
|
||
|
|
|
||
|
|
hr:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
hr:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--accent);
|
||
|
|
border-left: none
|
||
|
|
}
|
||
|
|
|
||
|
|
pre {
|
||
|
|
font-family: var(--mono-font);
|
||
|
|
font-size: .9em;
|
||
|
|
line-height: var(--rhythm);
|
||
|
|
tab-size: 2;
|
||
|
|
margin: var(--gap)0;
|
||
|
|
scrollbar-width: thin;
|
||
|
|
scrollbar-color: var(--accent)transparent;
|
||
|
|
overflow-x: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote {
|
||
|
|
margin-inline: 0 var(--gap);
|
||
|
|
padding-inline: var(--gap)0;
|
||
|
|
margin-block: var(--gap);
|
||
|
|
font-size: 1.1em;
|
||
|
|
line-height: var(--rhythm);
|
||
|
|
color: var(--muted-fg);
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
border-left: 1px solid var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
blockquote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: 1px solid var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote em,
|
||
|
|
blockquote cite,
|
||
|
|
blockquote dfn,
|
||
|
|
blockquote var,
|
||
|
|
blockquote i,
|
||
|
|
blockquote address {
|
||
|
|
font-style: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote footer,
|
||
|
|
blockquote footer:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote footer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
blockquote footer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
ul,
|
||
|
|
ol {
|
||
|
|
margin-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
ul:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
ol:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
ol:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol) :is(ul, ol):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol) :is(ul, ol):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:is(ul, ol) :is(ul, ol):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=list] {
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=list]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:-webkit-any(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:is(ul, ol)[role=list]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=listbox] {
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=listbox]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:-webkit-any(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(ul, ol)[role=listbox]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:is(ul, ol)[role=listbox]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
ol {
|
||
|
|
list-style: decimal
|
||
|
|
}
|
||
|
|
|
||
|
|
dl {
|
||
|
|
margin-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
dt {
|
||
|
|
font-weight: 700;
|
||
|
|
font-family: var(--secondary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
dd:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-left: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
dd:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
dd:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
li::marker {
|
||
|
|
font-family: var(--secondary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
figure {
|
||
|
|
max-width: 100%;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
figcaption {
|
||
|
|
margin-block: var(--gap);
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
color: var(--muted-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
main {
|
||
|
|
max-width: var(--eff-line-length);
|
||
|
|
width: 100%;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
main:first-child {
|
||
|
|
padding-top: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
.\<a\> {
|
||
|
|
color: var(--link-fg, var(--accent));
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
outline-offset: 1px;
|
||
|
|
background: 0 0;
|
||
|
|
border: none;
|
||
|
|
font-size: 1em;
|
||
|
|
text-decoration: underline 1px dotted
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-of-links :is(a, .\<a\>) {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(a, .\<a\>):hover,
|
||
|
|
:is(a, .\<a\>):focus {
|
||
|
|
cursor: pointer;
|
||
|
|
outline: none;
|
||
|
|
text-decoration: underline 2px
|
||
|
|
}
|
||
|
|
|
||
|
|
small[role=note] {
|
||
|
|
float: inline-end;
|
||
|
|
clear: inline-end;
|
||
|
|
--sidenote-width: 20ch;
|
||
|
|
max-width: var(--sidenote-width);
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
background: var(--bg);
|
||
|
|
margin-bottom: var(--rhythm);
|
||
|
|
border: 1px solid #0000;
|
||
|
|
transition: transform .1s ease-in-out;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
small[role=note]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-right: calc(1em - var(--sidenote-width));
|
||
|
|
padding-left: 1.5ch;
|
||
|
|
padding-right: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-left: calc(1em - var(--sidenote-width));
|
||
|
|
padding-left: 1ch;
|
||
|
|
padding-right: 1.5ch
|
||
|
|
}
|
||
|
|
|
||
|
|
small[role=note]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
small[role=note]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-left: calc(1em - var(--sidenote-width));
|
||
|
|
padding-left: 1ch;
|
||
|
|
padding-right: 1.5ch
|
||
|
|
}
|
||
|
|
|
||
|
|
small[role=note]:hover,
|
||
|
|
small[role=note]:focus-within {
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
transform: translateX(calc(0px - var(--sidenote-width) + min(var(--gutter-width), var(--sidenote-width))))
|
||
|
|
}
|
||
|
|
|
||
|
|
small,
|
||
|
|
.\<small\> {
|
||
|
|
font-size: .8em;
|
||
|
|
line-height: calc(var(--rhythm)*2/3)
|
||
|
|
}
|
||
|
|
|
||
|
|
s {
|
||
|
|
color: var(--bad-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
q {
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
q em,
|
||
|
|
q cite,
|
||
|
|
q dfn,
|
||
|
|
q var,
|
||
|
|
q i,
|
||
|
|
q address {
|
||
|
|
font-style: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
time {
|
||
|
|
font-variant-numeric: tabular-nums
|
||
|
|
}
|
||
|
|
|
||
|
|
code,
|
||
|
|
samp,
|
||
|
|
kbd {
|
||
|
|
font-family: var(--mono-font);
|
||
|
|
font-style: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
samp {
|
||
|
|
color: var(--ok-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
kbd kbd {
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
border: 1px outset var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
border-bottom-width: 3px;
|
||
|
|
padding: 0 .3em;
|
||
|
|
font-size: .8em;
|
||
|
|
line-height: 1.1em;
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
sub {
|
||
|
|
vertical-align: bottom;
|
||
|
|
line-height: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
vertical-align: top;
|
||
|
|
line-height: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
mark {
|
||
|
|
background: var(--warn-bg);
|
||
|
|
color: var(--warn-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
ins {
|
||
|
|
background: var(--ok-bg);
|
||
|
|
color: var(--ok-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
del {
|
||
|
|
background: var(--bad-bg);
|
||
|
|
color: var(--bad-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
img,
|
||
|
|
video,
|
||
|
|
audio,
|
||
|
|
iframe,
|
||
|
|
object,
|
||
|
|
embed {
|
||
|
|
width: max-content;
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
font-variant-numeric: tabular-nums;
|
||
|
|
font: inherit
|
||
|
|
}
|
||
|
|
|
||
|
|
caption {
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
caption:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
caption:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
caption:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
tbody {
|
||
|
|
border-block: 1px solid var(--faded-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(td, th):not(:last-child):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-right: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:-webkit-any(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-left: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(td, th):not(:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:is(td, th):not(:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-left: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
th {
|
||
|
|
font-family: var(--secondary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
th:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
th:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
th:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
label input:not([specificity-hack]) {
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
display: inline
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
.\<button\>,
|
||
|
|
input[type=submit] {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:hover,
|
||
|
|
input[type=submit]:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=submit]) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=submit])[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset] {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:hover,
|
||
|
|
input[type=reset]:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=reset]) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=reset])[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button] {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:hover,
|
||
|
|
input[type=button]:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=button]) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>input[type=button])[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-webkit-file-upload-button {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-webkit-file-upload-button:hover {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-webkit-file-upload-button:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-webkit-file-upload-button:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(strong>:-webkit-any()) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(strong>:-webkit-any())[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-ms-browse {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-ms-browse:hover {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-ms-browse:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-ms-browse:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::file-selector-button {
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
vertical-align: middle;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: .8rem;
|
||
|
|
line-height: 1.125em;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--muted-fg);
|
||
|
|
box-shadow: 0 2px 4px -2px var(--fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-flex
|
||
|
|
}
|
||
|
|
|
||
|
|
input::file-selector-button:hover {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::file-selector-button:focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input::file-selector-button:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>:is()) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>:is())[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):hover,
|
||
|
|
:is(button, .\<button\>):focus-visible {
|
||
|
|
filter: brightness(1.1);
|
||
|
|
box-shadow: 0 3px 6px -2px var(--fg);
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>:is(button, .\<button\>)) {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg);
|
||
|
|
border: none;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(strong>:is(button, .\<button\>))[disabled] {
|
||
|
|
color: var(--muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=submit]:active:is([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:where([aria-pressed=true], [aria-expanded=true]) {
|
||
|
|
box-shadow: 0 2px 4px -1px var(--fg)inset;
|
||
|
|
background: var(--pressed-interactive-bg);
|
||
|
|
color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:where([aria-pressed=true], [aria-expanded=true]):hover,
|
||
|
|
input[type=submit]:where([aria-pressed=true], [aria-expanded=true]):focus-visible {
|
||
|
|
box-shadow: 0 1px 3px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit].big {
|
||
|
|
min-height: calc(1.5*var(--rhythm));
|
||
|
|
padding-inline: calc(.5*var(--rhythm));
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit]:disabled {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=reset]:active:is([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:where([aria-pressed=true], [aria-expanded=true]) {
|
||
|
|
box-shadow: 0 2px 4px -1px var(--fg)inset;
|
||
|
|
background: var(--pressed-interactive-bg);
|
||
|
|
color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:where([aria-pressed=true], [aria-expanded=true]):hover,
|
||
|
|
input[type=reset]:where([aria-pressed=true], [aria-expanded=true]):focus-visible {
|
||
|
|
box-shadow: 0 1px 3px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset].big {
|
||
|
|
min-height: calc(1.5*var(--rhythm));
|
||
|
|
padding-inline: calc(.5*var(--rhythm));
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=reset]:disabled {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
input[type=button]:active:is([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:where([aria-pressed=true], [aria-expanded=true]) {
|
||
|
|
box-shadow: 0 2px 4px -1px var(--fg)inset;
|
||
|
|
background: var(--pressed-interactive-bg);
|
||
|
|
color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:where([aria-pressed=true], [aria-expanded=true]):hover,
|
||
|
|
input[type=button]:where([aria-pressed=true], [aria-expanded=true]):focus-visible {
|
||
|
|
box-shadow: 0 1px 3px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button].big {
|
||
|
|
min-height: calc(1.5*var(--rhythm));
|
||
|
|
padding-inline: calc(.5*var(--rhythm));
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=button]:disabled {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(button, .\<button\>):active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
:-webkit-any(button, .\<button\>):active:-webkit-any([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):active:-webkit-any([aria-pressed], [aria-expanded]),
|
||
|
|
:is(button, .\<button\>):active:is([aria-pressed], [aria-expanded]) {
|
||
|
|
color: var(--accent);
|
||
|
|
box-shadow: 0 1px 5px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):where([aria-pressed=true], [aria-expanded=true]) {
|
||
|
|
box-shadow: 0 2px 4px -1px var(--fg)inset;
|
||
|
|
background: var(--pressed-interactive-bg);
|
||
|
|
color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):where([aria-pressed=true], [aria-expanded=true]):hover,
|
||
|
|
:is(button, .\<button\>):where([aria-pressed=true], [aria-expanded=true]):focus-visible {
|
||
|
|
box-shadow: 0 1px 3px -1px var(--fg)inset
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>).big {
|
||
|
|
min-height: calc(1.5*var(--rhythm));
|
||
|
|
padding-inline: calc(.5*var(--rhythm));
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: var(--rhythm)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(button, .\<button\>):disabled {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
input:not([type]),
|
||
|
|
select,
|
||
|
|
textarea,
|
||
|
|
input[type=text] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=search]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=tel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=url]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=email]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=password]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=date]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=month]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=week]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=time]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=datetime-local]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number] {
|
||
|
|
padding: calc(var(--rhythm)/4);
|
||
|
|
vertical-align: top;
|
||
|
|
font-size: 1rem;
|
||
|
|
line-height: inherit;
|
||
|
|
font-family: var(--main-font);
|
||
|
|
background: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=number]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):focus-visible {
|
||
|
|
border: 1px solid var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea)::-moz-placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea)::placeholder {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-moz-placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::placeholder {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
|
||
|
|
:-webkit-any(input:not([type]), select, textarea):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-moz-placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(input:not([type]), select, textarea):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::placeholder {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=range] {
|
||
|
|
padding: calc(var(--gap)/4);
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=color] {
|
||
|
|
height: calc(1.5*var(--rhythm));
|
||
|
|
background: 0 0;
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file] {
|
||
|
|
padding: calc(var(--gap)/4)0;
|
||
|
|
font: inherit;
|
||
|
|
line-height: calc(var(--rhythm)/2)
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]::-webkit-file-upload-button {
|
||
|
|
margin-top: .1em;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]::file-selector-button {
|
||
|
|
margin-top: .1em;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]::file-selector-button {
|
||
|
|
margin-top: .1em;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-webkit-file-upload-button {
|
||
|
|
margin-right: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::-ms-browse {
|
||
|
|
margin-right: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi))::file-selector-button {
|
||
|
|
margin-right: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
|
||
|
|
margin-left: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse {
|
||
|
|
margin-left: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=file]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
|
||
|
|
margin-left: 1ch
|
||
|
|
}
|
||
|
|
|
||
|
|
select[multiple] {
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
|
||
|
|
optgroup:before {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
font-style: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
label[for] {
|
||
|
|
padding-block: calc(var(--gap)/4);
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
padding: var(--gap);
|
||
|
|
margin: var(--gap)0;
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
width: 100%;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset>legend+* {
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
details:not(specificity-hack) {
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
details:not(specificity-hack):not([open]) {
|
||
|
|
padding-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
summary {
|
||
|
|
margin: calc(0px - var(--gap));
|
||
|
|
margin-top: calc(0px - var(--gap));
|
||
|
|
padding-inline: var(--gap);
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
cursor: pointer;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
summary:focus-visible,
|
||
|
|
summary:active {
|
||
|
|
filter: brightness(.8);
|
||
|
|
outline: none
|
||
|
|
}
|
||
|
|
|
||
|
|
dialog {
|
||
|
|
inline-inset: 0;
|
||
|
|
background-color: var(--bg);
|
||
|
|
color: var(--fg);
|
||
|
|
border-color: var(--fg);
|
||
|
|
width: fit-content;
|
||
|
|
height: fit-content;
|
||
|
|
margin: auto !important
|
||
|
|
}
|
||
|
|
|
||
|
|
dialog[open]::-webkit-backdrop {
|
||
|
|
opacity: .4;
|
||
|
|
background: #000;
|
||
|
|
animation: 2s bg;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
dialog[open]::backdrop {
|
||
|
|
opacity: .4;
|
||
|
|
background: #000;
|
||
|
|
animation: 2s bg;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes bg {
|
||
|
|
0% {
|
||
|
|
background: 0 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
dialog:not([open]) {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.box,
|
||
|
|
[role=menu],
|
||
|
|
.sidebar-layout>header,
|
||
|
|
[role=tabpanel],
|
||
|
|
figure,
|
||
|
|
details,
|
||
|
|
:where(dialog) {
|
||
|
|
margin: var(--gap)0;
|
||
|
|
padding: var(--gap);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
background: var(--box-bg);
|
||
|
|
border: 1px solid var(--graphical-fg);
|
||
|
|
overflow: clip
|
||
|
|
}
|
||
|
|
|
||
|
|
.titlebar {
|
||
|
|
margin-inline: calc(0px - var(--gap));
|
||
|
|
padding-inline: var(--gap);
|
||
|
|
font: inherit;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
translate: 0 calc(-1px - var(--gap));
|
||
|
|
background: var(--graphical-fg);
|
||
|
|
color: var(--bg);
|
||
|
|
text-shadow: 0 .1em .2em var(--fg);
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
border-bottom-color: inherit;
|
||
|
|
margin-bottom: calc(0px - var(--gap));
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
.sub-title,
|
||
|
|
sub-title {
|
||
|
|
color: var(--muted-fg);
|
||
|
|
font-weight: 400;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.tool-bar,
|
||
|
|
[role=toolbar] {
|
||
|
|
gap: calc(var(--gap)/2);
|
||
|
|
flex-flow: wrap;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.tool-bar, [role=toolbar])>* {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout header li {
|
||
|
|
margin-block: calc(.5*var(--gap))
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout header a {
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (width>=75ch) {
|
||
|
|
.sidebar-layout {
|
||
|
|
grid-template-columns: 25ch auto;
|
||
|
|
display: grid;
|
||
|
|
inset: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout>header {
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: none;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout>header:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
border-left: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout>header:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.sidebar-layout>header:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-right: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-layout>:nth-child(2) {
|
||
|
|
--full-width: calc(100vw - 25ch);
|
||
|
|
margin-top: var(--gap);
|
||
|
|
overflow: auto
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] {
|
||
|
|
font-family: var(--secondary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] ul,
|
||
|
|
.breadcrumbs[aria-label] ol {
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] ul:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ol:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.breadcrumbs[aria-label] ol:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] li {
|
||
|
|
display: inline
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] li+li:before {
|
||
|
|
content: " / " /"";
|
||
|
|
content: " / ";
|
||
|
|
display: inline
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumbs[aria-label] [aria-current=page] {
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
.chip,
|
||
|
|
chip {
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
border: 1px solid var(--accent);
|
||
|
|
background: var(--box-bg);
|
||
|
|
border-radius: calc(var(--rhythm)/2);
|
||
|
|
padding-inline: calc(var(--rhythm)/2)
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
padding: var(--rhythm);
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
background: var(--box-bg);
|
||
|
|
border-bottom: 1px solid var(--accent);
|
||
|
|
scrollbar-width: thin;
|
||
|
|
z-index: 5;
|
||
|
|
align-items: center;
|
||
|
|
gap: var(--gap);
|
||
|
|
flex-flow: row;
|
||
|
|
display: flex;
|
||
|
|
position: -webkit-sticky;
|
||
|
|
position: sticky;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
overflow-x: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.expanded {
|
||
|
|
flex-flow: column;
|
||
|
|
align-items: start;
|
||
|
|
max-height: 90vh;
|
||
|
|
overflow-y: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.expanded ul[role=list] {
|
||
|
|
flex-flow: column
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar * {
|
||
|
|
flex-shrink: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar:not(.expanded)>:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-left: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar:not(.expanded)>:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded)>:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded)>:last-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:last-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-right: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar:not(.expanded)>:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded)>:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar:not(.expanded) nav>:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-left: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar hr {
|
||
|
|
align-self: stretch
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar nav ul[role=list] {
|
||
|
|
gap: var(--rhythm);
|
||
|
|
flex-flow: row;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar nav ul[role=list] * {
|
||
|
|
flex-shrink: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar nav ul[role=list]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar nav ul[role=list]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.navbar nav ul[role=list]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar a {
|
||
|
|
padding-left: .2em;
|
||
|
|
padding-right: .2em;
|
||
|
|
font-weight: 700;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar a:hover,
|
||
|
|
.navbar a:focus {
|
||
|
|
text-decoration: underline
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar [aria-current=page] {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar [aria-current=page]:after {
|
||
|
|
content: "";
|
||
|
|
bottom: calc(-1*var(--gap));
|
||
|
|
background: currentColor;
|
||
|
|
width: 100%;
|
||
|
|
height: 6px;
|
||
|
|
display: block;
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar.expanded [aria-current=page]:after {
|
||
|
|
left: calc(-1*var(--gap));
|
||
|
|
width: 6px;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.permalink-anchor {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
:hover>.permalink-anchor {
|
||
|
|
display: initial
|
||
|
|
}
|
||
|
|
|
||
|
|
button.iconbutton {
|
||
|
|
color: currentColor;
|
||
|
|
box-shadow: none;
|
||
|
|
line-height: var(--rhythm);
|
||
|
|
text-align: center;
|
||
|
|
background: 0 0;
|
||
|
|
border: none;
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 24px;
|
||
|
|
transition: font-weight .2s ease-in-out;
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
button.iconbutton:hover,
|
||
|
|
button.iconbutton:focus-visible {
|
||
|
|
box-shadow: none;
|
||
|
|
outline: 1px solid var(--accent);
|
||
|
|
outline-offset: 6px
|
||
|
|
}
|
||
|
|
|
||
|
|
button.iconbutton:active {
|
||
|
|
box-shadow: none;
|
||
|
|
outline-offset: 3px;
|
||
|
|
background: 0 0
|
||
|
|
}
|
||
|
|
|
||
|
|
button.iconbutton[aria-pressed=true] {
|
||
|
|
box-shadow: none;
|
||
|
|
transform: none
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tablist] {
|
||
|
|
scrollbar-width: thin;
|
||
|
|
gap: .5ch;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab] {
|
||
|
|
all: initial;
|
||
|
|
font-family: var(--secondary-font);
|
||
|
|
padding: 0 calc(var(--rhythm)/4);
|
||
|
|
min-height: var(--rhythm);
|
||
|
|
color: var(--fg);
|
||
|
|
border: solid var(--graphical-fg);
|
||
|
|
background: var(--interactive-bg);
|
||
|
|
border-width: 1px;
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
bottom: -1px
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-top-left-radius: .4em;
|
||
|
|
border-top-right-radius: .4em
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
[role=tab][role=tab]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
[role=tab][role=tab]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-top-left-radius: .4em;
|
||
|
|
border-top-right-radius: .4em
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab]:active,
|
||
|
|
[role=tab][role=tab][aria-selected=true] {
|
||
|
|
background: var(--box-bg);
|
||
|
|
border-bottom: 1px solid #0000
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab]:hover {
|
||
|
|
background-color: var(--box-bg);
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tab][role=tab]:focus-visible {
|
||
|
|
box-shadow: none;
|
||
|
|
color: var(--accent);
|
||
|
|
text-decoration: underline
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tabpanel] {
|
||
|
|
z-index: 1;
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tabpanel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-top-right-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=tabpanel]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),
|
||
|
|
[role=tabpanel]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
[role=tabpanel]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-top-right-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=menu] {
|
||
|
|
z-index: 10;
|
||
|
|
padding: calc(var(--gap)/2)0;
|
||
|
|
flex-flow: column;
|
||
|
|
margin: 1px 0 0;
|
||
|
|
display: flex;
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=menuitem] {
|
||
|
|
padding: 0 calc(var(--gap)/2);
|
||
|
|
color: var(--fg);
|
||
|
|
border-radius: 0;
|
||
|
|
text-decoration: none;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=menuitem]:focus,
|
||
|
|
[role=menuitem]:active {
|
||
|
|
background: var(--accent);
|
||
|
|
color: var(--bg)
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=listbox] {
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=listbox] [role=option] {
|
||
|
|
margin-inline: calc(-1*var(--gap));
|
||
|
|
padding-inline: var(--gap);
|
||
|
|
border-radius: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=listbox] [role=option][aria-selected=true] {
|
||
|
|
background: var(--interactive-bg)
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=listbox] [role=option].active {
|
||
|
|
--temporary-bg: var(--accent);
|
||
|
|
--temporary-fg: var(--bg);
|
||
|
|
--temporary-accent: parent-var(--muted-accent);
|
||
|
|
--temporary-muted-accent: parent-var(--box-bg);
|
||
|
|
background: var(--temporary-bg);
|
||
|
|
color: var(--temporary-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
[role=listbox] [role=option].active>* {
|
||
|
|
--bg: var(--temporary-bg);
|
||
|
|
--fg: var(--temporary-fg);
|
||
|
|
--accent: var(--temporary-accent);
|
||
|
|
--muted-accent: var(--temporary-muted-accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
[aria-orientation=vertical] {
|
||
|
|
text-align: center;
|
||
|
|
flex-direction: column;
|
||
|
|
width: fit-content
|
||
|
|
}
|
||
|
|
|
||
|
|
.plain {
|
||
|
|
--box-bg: var(--plain-bg);
|
||
|
|
--accent: var(--plain-fg);
|
||
|
|
--graphical-fg: var(--plain-graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.info {
|
||
|
|
--box-bg: var(--info-bg);
|
||
|
|
--accent: var(--info-fg);
|
||
|
|
--graphical-fg: var(--info-graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.ok {
|
||
|
|
--box-bg: var(--ok-bg);
|
||
|
|
--accent: var(--ok-fg);
|
||
|
|
--graphical-fg: var(--ok-graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.warn {
|
||
|
|
--box-bg: var(--warn-bg);
|
||
|
|
--accent: var(--warn-fg);
|
||
|
|
--graphical-fg: var(--warn-graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.bad {
|
||
|
|
--box-bg: var(--bad-bg);
|
||
|
|
--accent: var(--bad-fg);
|
||
|
|
--graphical-fg: var(--bad-graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.color {
|
||
|
|
color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.bg {
|
||
|
|
background: var(--box-bg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.border {
|
||
|
|
border-style: solid;
|
||
|
|
border-color: var(--graphical-fg)
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--fg: var(--gray-12);
|
||
|
|
--muted-fg: var(--gray-10);
|
||
|
|
--faded-fg: var(--gray-6);
|
||
|
|
--graphical-fg: var(--plain-graphical-fg);
|
||
|
|
--plain-fg: var(--blue-10);
|
||
|
|
--info-fg: var(--blue-11);
|
||
|
|
--ok-fg: var(--green-11);
|
||
|
|
--bad-fg: var(--red-11);
|
||
|
|
--warn-fg: var(--yellow-11);
|
||
|
|
--plain-graphical-fg: var(--gray-6);
|
||
|
|
--info-graphical-fg: var(--blue-6);
|
||
|
|
--ok-graphical-fg: var(--green-6);
|
||
|
|
--bad-graphical-fg: var(--red-6);
|
||
|
|
--warn-graphical-fg: var(--yellow-6);
|
||
|
|
--bg: var(--gray-0);
|
||
|
|
--box-bg: var(--plain-bg);
|
||
|
|
--interactive-bg: var(--gray-4);
|
||
|
|
--plain-bg: var(--gray-1);
|
||
|
|
--info-bg: var(--blue-1);
|
||
|
|
--ok-bg: var(--green-1);
|
||
|
|
--bad-bg: var(--red-1);
|
||
|
|
--warn-bg: var(--yellow-1);
|
||
|
|
--accent: var(--blue-10);
|
||
|
|
--muted-accent: var(--blue-7);
|
||
|
|
--rhythm: 1.4rem;
|
||
|
|
--line-length: 40rem;
|
||
|
|
--border-radius: .2rem;
|
||
|
|
--main-font: "Source Sans 3", "Source Sans Pro", -apple-system, system-ui, sans-serif;
|
||
|
|
--secondary-font: var(--main-font);
|
||
|
|
--mono-font: "M Plus Code Latin", monospace, monospace;
|
||
|
|
--density: 1;
|
||
|
|
--full-width: 100vw;
|
||
|
|
--eff-line-length: min(calc(var(--full-width) - (2*var(--rhythm))), var(--line-length));
|
||
|
|
--gutter-width: calc((var(--full-width) - var(--eff-line-length))/2)
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme:dark) {
|
||
|
|
:root:not(.-no-dark-theme) {
|
||
|
|
--fg: var(--gray-0);
|
||
|
|
--muted-fg: var(--gray-2);
|
||
|
|
--faded-fg: var(--gray-7);
|
||
|
|
--plain-bg: var(--gray-11);
|
||
|
|
--info-bg: var(--blue-12);
|
||
|
|
--ok-bg: var(--green-12);
|
||
|
|
--bad-bg: var(--red-12);
|
||
|
|
--warn-bg: var(--yellow-12);
|
||
|
|
--plain-faded-fg: var(--blue-6);
|
||
|
|
--info-faded-fg: var(--blue-6);
|
||
|
|
--ok-faded-fg: var(--green-6);
|
||
|
|
--bad-faded-fg: var(--red-6);
|
||
|
|
--warn-faded-fg: var(--yellow-6);
|
||
|
|
--bg: var(--gray-12);
|
||
|
|
--box-bg: var(--gray-10);
|
||
|
|
--interactive-bg: var(--gray-8);
|
||
|
|
--plain-fg: (--blue-2);
|
||
|
|
--info-fg: var(--blue-2);
|
||
|
|
--ok-fg: var(--green-2);
|
||
|
|
--bad-fg: var(--red-2);
|
||
|
|
--warn-fg: var(--yellow-2);
|
||
|
|
--accent: var(--blue-2);
|
||
|
|
--muted-accent: var(--blue-5)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
--gap: calc(var(--rhythm)*var(--density));
|
||
|
|
accent-color: var(--accent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.textcolumns {
|
||
|
|
--col-width: 30ch;
|
||
|
|
column-width: var(--col-width);
|
||
|
|
column-gap: var(--gap);
|
||
|
|
margin-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.textcolumns :first-child {
|
||
|
|
margin-top: 0 !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-align\:center {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.center {
|
||
|
|
place-items: center;
|
||
|
|
display: grid
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: var(--eff-line-length);
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.fullbleed {
|
||
|
|
width: var(--full-width);
|
||
|
|
transform: translateX(calc(-.5*var(--full-width)));
|
||
|
|
border-left: none;
|
||
|
|
border-right: none;
|
||
|
|
border-radius: 0;
|
||
|
|
position: relative;
|
||
|
|
left: 50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.fullscreen {
|
||
|
|
border-left: none;
|
||
|
|
border-right: none;
|
||
|
|
border-radius: 0;
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
position: relative;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50vw)
|
||
|
|
}
|
||
|
|
|
||
|
|
.width\:100\% {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.height\:100\% {
|
||
|
|
height: 100%;
|
||
|
|
max-height: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child:first-child:first-child:first-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child:first-child:first-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child>:first-child:first-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:first-child>:first-child>:first-child>:first-child {
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child:last-child:last-child:last-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child:last-child:last-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child>:last-child:last-child,
|
||
|
|
:is(body, .box, [role=menu], .sidebar-layout>header, [role=tabpanel], figure, details, dialog, aside, fieldset, dd, td, th)>:last-child>:last-child>:last-child>:last-child {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding {
|
||
|
|
padding-inline: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-block {
|
||
|
|
padding-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-block-start {
|
||
|
|
padding-top: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-block-end {
|
||
|
|
padding-bottom: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline {
|
||
|
|
padding-inline: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-start:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.padding-inline-start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
padding-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.padding-inline-end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
padding-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin {
|
||
|
|
margin: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-block {
|
||
|
|
margin-block: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-block-start {
|
||
|
|
margin-top: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-block-end {
|
||
|
|
margin-bottom: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline {
|
||
|
|
margin-inline: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline-start:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline-start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-end:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.margin-inline-end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
.margin-inline-end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.flow-gap>:not(:last-child) {
|
||
|
|
margin-bottom: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.inline {
|
||
|
|
display: inline
|
||
|
|
}
|
||
|
|
|
||
|
|
.block {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.contents {
|
||
|
|
display: contents
|
||
|
|
}
|
||
|
|
|
||
|
|
.table {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
display: table
|
||
|
|
}
|
||
|
|
|
||
|
|
.row,
|
||
|
|
.rows>* {
|
||
|
|
display: table-row
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.row, .rows>*):not(:last-child):not([specificity-hack])>* {
|
||
|
|
margin-bottom: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.row, .rows>*)>:not([specificity-hack]) {
|
||
|
|
vertical-align: top;
|
||
|
|
display: table-cell
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.row, .rows>*)>*+:not([specificity-hack]) {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.row, .rows>*)>*+:not([specificity-hack]):not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
|
||
|
|
margin-left: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
:is(.row, .rows>*)>*+:not([specificity-hack]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
|
||
|
|
:is(.row, .rows>*)>*+:not([specificity-hack]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
||
|
|
margin-right: var(--gap)
|
||
|
|
}
|
||
|
|
|
||
|
|
.big {
|
||
|
|
font-size: 1.4em;
|
||
|
|
line-height: calc(1.5*var(--rhythm))
|
||
|
|
}
|
||
|
|
|
||
|
|
.nested-list ul,
|
||
|
|
.nested-list ol {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.fixed {
|
||
|
|
position: fixed
|
||
|
|
}
|
||
|
|
|
||
|
|
.sticky {
|
||
|
|
position: -webkit-sticky;
|
||
|
|
position: sticky
|
||
|
|
}
|
||
|
|
|
||
|
|
.top {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.right {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom {
|
||
|
|
bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.left {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.float\:left {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
|
||
|
|
.float\:right {
|
||
|
|
float: right
|
||
|
|
}
|
||
|
|
|
||
|
|
.overflow\:auto {
|
||
|
|
overflow: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.overflow\:scroll {
|
||
|
|
overflow: scroll
|
||
|
|
}
|
||
|
|
|
||
|
|
.airy {
|
||
|
|
--density: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.spacious {
|
||
|
|
--density: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
.dense {
|
||
|
|
--density: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
.crowded {
|
||
|
|
--density: .5
|
||
|
|
}
|
||
|
|
|
||
|
|
.packed {
|
||
|
|
--density: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.autodensity {
|
||
|
|
--density: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (width>=768px) {
|
||
|
|
.autodensity {
|
||
|
|
--density: 2
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (width>=1024px) {
|
||
|
|
.autodensity {
|
||
|
|
--density: 3
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.vh,
|
||
|
|
v-h {
|
||
|
|
clip: rect(0 0 0 0);
|
||
|
|
-webkit-clip-path: inset(50%);
|
||
|
|
clip-path: inset(50%);
|
||
|
|
white-space: nowrap;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.all\:initial {
|
||
|
|
all: initial
|
||
|
|
}
|
||
|
|
|
||
|
|
.bold {
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
|
||
|
|
.italic {
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
.italic em,
|
||
|
|
.italic cite,
|
||
|
|
.italic dfn,
|
||
|
|
.italic var,
|
||
|
|
.italic i,
|
||
|
|
.italic address {
|
||
|
|
font-style: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
.allcaps {
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: .1rem
|
||
|
|
}
|
||
|
|
|
||
|
|
.primary-font {
|
||
|
|
font-family: var(--primary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
.secondary-font {
|
||
|
|
font-family: var(--secondary-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
.display-font {
|
||
|
|
font-family: var(--display-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
.mono-font,
|
||
|
|
.monospace {
|
||
|
|
font-family: var(--mono-font)
|
||
|
|
}
|
||
|
|
|
||
|
|
.massivetext {
|
||
|
|
font-size: calc(.13*var(--eff-line-length));
|
||
|
|
letter-spacing: 0;
|
||
|
|
line-height: 1em
|
||
|
|
}
|
||
|
|
|
||
|
|
.aestheticbreak {
|
||
|
|
height: calc(.5*var(--gap));
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-row {
|
||
|
|
gap: var(--gap);
|
||
|
|
flex-direction: row;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-row>* {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-col {
|
||
|
|
gap: var(--gap);
|
||
|
|
flex-direction: column;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-col>* {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-switch {
|
||
|
|
gap: var(--gap);
|
||
|
|
--f-switch-threshold: 55ch;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
display: flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-switch>* {
|
||
|
|
flex-grow: 1;
|
||
|
|
flex-basis: calc((var(--f-switch-threshold) - 100%)*999);
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:start {
|
||
|
|
justify-content: start
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:end {
|
||
|
|
justify-content: end
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:baseline {
|
||
|
|
justify-content: baseline
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:center {
|
||
|
|
justify-content: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:stretch {
|
||
|
|
justify-content: stretch
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:space-between {
|
||
|
|
justify-content: space-between
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:space-around {
|
||
|
|
justify-content: space-around
|
||
|
|
}
|
||
|
|
|
||
|
|
.justify-content\:space-evenly {
|
||
|
|
justify-content: space-evenly
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-items\:start {
|
||
|
|
align-items: start
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-items\:end {
|
||
|
|
align-items: end
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-items\:baseline {
|
||
|
|
align-items: baseline
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-items\:center {
|
||
|
|
align-items: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-items\:stretch {
|
||
|
|
align-items: stretch
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-self\:start {
|
||
|
|
align-self: start
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-self\:end {
|
||
|
|
align-self: end
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-self\:baseline {
|
||
|
|
align-self: baseline
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-self\:center {
|
||
|
|
align-self: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-self\:stretch {
|
||
|
|
align-self: stretch
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:0 {
|
||
|
|
flex-grow: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:1 {
|
||
|
|
flex-grow: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:2 {
|
||
|
|
flex-grow: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:3 {
|
||
|
|
flex-grow: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:4 {
|
||
|
|
flex-grow: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:5 {
|
||
|
|
flex-grow: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:6 {
|
||
|
|
flex-grow: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:7 {
|
||
|
|
flex-grow: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:8 {
|
||
|
|
flex-grow: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:9 {
|
||
|
|
flex-grow: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:10 {
|
||
|
|
flex-grow: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:11 {
|
||
|
|
flex-grow: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-grow\:12 {
|
||
|
|
flex-grow: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-wrap\:wrap {
|
||
|
|
flex-wrap: wrap
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-wrap\:nowrap {
|
||
|
|
flex-wrap: nowrap
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid {
|
||
|
|
grid-auto-columns: var(--grid-col-width, 1fr);
|
||
|
|
grid-auto-rows: var(--grid-row-width, auto);
|
||
|
|
gap: var(--gap);
|
||
|
|
display: grid
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid>* {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-even-rows {
|
||
|
|
--grid-row-width: 1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-variable-cols {
|
||
|
|
--grid-column-width: auto
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="1 "] {
|
||
|
|
grid-column-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 1] {
|
||
|
|
grid-column-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="1"] {
|
||
|
|
grid-column: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="2 "] {
|
||
|
|
grid-column-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 2] {
|
||
|
|
grid-column-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="2"] {
|
||
|
|
grid-column: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="3 "] {
|
||
|
|
grid-column-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 3] {
|
||
|
|
grid-column-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="3"] {
|
||
|
|
grid-column: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="4 "] {
|
||
|
|
grid-column-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 4] {
|
||
|
|
grid-column-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="4"] {
|
||
|
|
grid-column: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="5 "] {
|
||
|
|
grid-column-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 5] {
|
||
|
|
grid-column-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="5"] {
|
||
|
|
grid-column: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="6 "] {
|
||
|
|
grid-column-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 6] {
|
||
|
|
grid-column-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="6"] {
|
||
|
|
grid-column: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="7 "] {
|
||
|
|
grid-column-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 7] {
|
||
|
|
grid-column-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="7"] {
|
||
|
|
grid-column: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="8 "] {
|
||
|
|
grid-column-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 8] {
|
||
|
|
grid-column-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="8"] {
|
||
|
|
grid-column: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="9 "] {
|
||
|
|
grid-column-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 9] {
|
||
|
|
grid-column-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="9"] {
|
||
|
|
grid-column: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="10 "] {
|
||
|
|
grid-column-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 10] {
|
||
|
|
grid-column-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="10"] {
|
||
|
|
grid-column: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="11 "] {
|
||
|
|
grid-column-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 11] {
|
||
|
|
grid-column-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="11"] {
|
||
|
|
grid-column: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols^="12 "] {
|
||
|
|
grid-column-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols$=\ 12] {
|
||
|
|
grid-column-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols="12"] {
|
||
|
|
grid-column: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="1 "] {
|
||
|
|
grid-row-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 1] {
|
||
|
|
grid-row-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="1"] {
|
||
|
|
grid-row: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="2 "] {
|
||
|
|
grid-row-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 2] {
|
||
|
|
grid-row-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="2"] {
|
||
|
|
grid-row: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="3 "] {
|
||
|
|
grid-row-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 3] {
|
||
|
|
grid-row-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="3"] {
|
||
|
|
grid-row: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="4 "] {
|
||
|
|
grid-row-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 4] {
|
||
|
|
grid-row-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="4"] {
|
||
|
|
grid-row: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="5 "] {
|
||
|
|
grid-row-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 5] {
|
||
|
|
grid-row-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="5"] {
|
||
|
|
grid-row: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="6 "] {
|
||
|
|
grid-row-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 6] {
|
||
|
|
grid-row-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="6"] {
|
||
|
|
grid-row: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="7 "] {
|
||
|
|
grid-row-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 7] {
|
||
|
|
grid-row-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="7"] {
|
||
|
|
grid-row: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="8 "] {
|
||
|
|
grid-row-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 8] {
|
||
|
|
grid-row-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="8"] {
|
||
|
|
grid-row: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="9 "] {
|
||
|
|
grid-row-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 9] {
|
||
|
|
grid-row-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="9"] {
|
||
|
|
grid-row: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="10 "] {
|
||
|
|
grid-row-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 10] {
|
||
|
|
grid-row-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="10"] {
|
||
|
|
grid-row: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="11 "] {
|
||
|
|
grid-row-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 11] {
|
||
|
|
grid-row-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="11"] {
|
||
|
|
grid-row: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows^="12 "] {
|
||
|
|
grid-row-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows$=\ 12] {
|
||
|
|
grid-row-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows="12"] {
|
||
|
|
grid-row: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (width<=768px) {
|
||
|
|
[data-cols\@s^="1 "] {
|
||
|
|
grid-column-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 1] {
|
||
|
|
grid-column-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="1"] {
|
||
|
|
grid-column: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="2 "] {
|
||
|
|
grid-column-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 2] {
|
||
|
|
grid-column-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="2"] {
|
||
|
|
grid-column: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="3 "] {
|
||
|
|
grid-column-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 3] {
|
||
|
|
grid-column-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="3"] {
|
||
|
|
grid-column: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="4 "] {
|
||
|
|
grid-column-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 4] {
|
||
|
|
grid-column-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="4"] {
|
||
|
|
grid-column: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="5 "] {
|
||
|
|
grid-column-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 5] {
|
||
|
|
grid-column-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="5"] {
|
||
|
|
grid-column: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="6 "] {
|
||
|
|
grid-column-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 6] {
|
||
|
|
grid-column-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="6"] {
|
||
|
|
grid-column: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="7 "] {
|
||
|
|
grid-column-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 7] {
|
||
|
|
grid-column-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="7"] {
|
||
|
|
grid-column: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="8 "] {
|
||
|
|
grid-column-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 8] {
|
||
|
|
grid-column-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="8"] {
|
||
|
|
grid-column: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="9 "] {
|
||
|
|
grid-column-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 9] {
|
||
|
|
grid-column-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="9"] {
|
||
|
|
grid-column: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="10 "] {
|
||
|
|
grid-column-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 10] {
|
||
|
|
grid-column-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="10"] {
|
||
|
|
grid-column: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="11 "] {
|
||
|
|
grid-column-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 11] {
|
||
|
|
grid-column-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="11"] {
|
||
|
|
grid-column: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s^="12 "] {
|
||
|
|
grid-column-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s$=\ 12] {
|
||
|
|
grid-column-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@s="12"] {
|
||
|
|
grid-column: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="1 "] {
|
||
|
|
grid-row-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 1] {
|
||
|
|
grid-row-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="1"] {
|
||
|
|
grid-row: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="2 "] {
|
||
|
|
grid-row-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 2] {
|
||
|
|
grid-row-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="2"] {
|
||
|
|
grid-row: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="3 "] {
|
||
|
|
grid-row-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 3] {
|
||
|
|
grid-row-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="3"] {
|
||
|
|
grid-row: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="4 "] {
|
||
|
|
grid-row-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 4] {
|
||
|
|
grid-row-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="4"] {
|
||
|
|
grid-row: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="5 "] {
|
||
|
|
grid-row-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 5] {
|
||
|
|
grid-row-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="5"] {
|
||
|
|
grid-row: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="6 "] {
|
||
|
|
grid-row-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 6] {
|
||
|
|
grid-row-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="6"] {
|
||
|
|
grid-row: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="7 "] {
|
||
|
|
grid-row-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 7] {
|
||
|
|
grid-row-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="7"] {
|
||
|
|
grid-row: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="8 "] {
|
||
|
|
grid-row-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 8] {
|
||
|
|
grid-row-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="8"] {
|
||
|
|
grid-row: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="9 "] {
|
||
|
|
grid-row-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 9] {
|
||
|
|
grid-row-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="9"] {
|
||
|
|
grid-row: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="10 "] {
|
||
|
|
grid-row-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 10] {
|
||
|
|
grid-row-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="10"] {
|
||
|
|
grid-row: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="11 "] {
|
||
|
|
grid-row-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 11] {
|
||
|
|
grid-row-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="11"] {
|
||
|
|
grid-row: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s^="12 "] {
|
||
|
|
grid-row-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s$=\ 12] {
|
||
|
|
grid-row-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@s="12"] {
|
||
|
|
grid-row: 12
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (width>=1024px) {
|
||
|
|
[data-cols\@l^="1 "] {
|
||
|
|
grid-column-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 1] {
|
||
|
|
grid-column-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="1"] {
|
||
|
|
grid-column: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="2 "] {
|
||
|
|
grid-column-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 2] {
|
||
|
|
grid-column-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="2"] {
|
||
|
|
grid-column: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="3 "] {
|
||
|
|
grid-column-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 3] {
|
||
|
|
grid-column-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="3"] {
|
||
|
|
grid-column: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="4 "] {
|
||
|
|
grid-column-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 4] {
|
||
|
|
grid-column-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="4"] {
|
||
|
|
grid-column: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="5 "] {
|
||
|
|
grid-column-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 5] {
|
||
|
|
grid-column-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="5"] {
|
||
|
|
grid-column: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="6 "] {
|
||
|
|
grid-column-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 6] {
|
||
|
|
grid-column-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="6"] {
|
||
|
|
grid-column: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="7 "] {
|
||
|
|
grid-column-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 7] {
|
||
|
|
grid-column-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="7"] {
|
||
|
|
grid-column: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="8 "] {
|
||
|
|
grid-column-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 8] {
|
||
|
|
grid-column-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="8"] {
|
||
|
|
grid-column: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="9 "] {
|
||
|
|
grid-column-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 9] {
|
||
|
|
grid-column-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="9"] {
|
||
|
|
grid-column: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="10 "] {
|
||
|
|
grid-column-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 10] {
|
||
|
|
grid-column-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="10"] {
|
||
|
|
grid-column: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="11 "] {
|
||
|
|
grid-column-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 11] {
|
||
|
|
grid-column-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="11"] {
|
||
|
|
grid-column: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l^="12 "] {
|
||
|
|
grid-column-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l$=\ 12] {
|
||
|
|
grid-column-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-cols\@l="12"] {
|
||
|
|
grid-column: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="1 "] {
|
||
|
|
grid-row-start: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 1] {
|
||
|
|
grid-row-end: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="1"] {
|
||
|
|
grid-row: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="2 "] {
|
||
|
|
grid-row-start: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 2] {
|
||
|
|
grid-row-end: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="2"] {
|
||
|
|
grid-row: 2
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="3 "] {
|
||
|
|
grid-row-start: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 3] {
|
||
|
|
grid-row-end: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="3"] {
|
||
|
|
grid-row: 3
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="4 "] {
|
||
|
|
grid-row-start: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 4] {
|
||
|
|
grid-row-end: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="4"] {
|
||
|
|
grid-row: 4
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="5 "] {
|
||
|
|
grid-row-start: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 5] {
|
||
|
|
grid-row-end: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="5"] {
|
||
|
|
grid-row: 5
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="6 "] {
|
||
|
|
grid-row-start: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 6] {
|
||
|
|
grid-row-end: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="6"] {
|
||
|
|
grid-row: 6
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="7 "] {
|
||
|
|
grid-row-start: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 7] {
|
||
|
|
grid-row-end: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="7"] {
|
||
|
|
grid-row: 7
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="8 "] {
|
||
|
|
grid-row-start: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 8] {
|
||
|
|
grid-row-end: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="8"] {
|
||
|
|
grid-row: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="9 "] {
|
||
|
|
grid-row-start: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 9] {
|
||
|
|
grid-row-end: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="9"] {
|
||
|
|
grid-row: 9
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="10 "] {
|
||
|
|
grid-row-start: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 10] {
|
||
|
|
grid-row-end: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="10"] {
|
||
|
|
grid-row: 10
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="11 "] {
|
||
|
|
grid-row-start: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 11] {
|
||
|
|
grid-row-end: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="11"] {
|
||
|
|
grid-row: 11
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l^="12 "] {
|
||
|
|
grid-row-start: 12
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l$=\ 12] {
|
||
|
|
grid-row-end: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-rows\@l="12"] {
|
||
|
|
grid-row: 12
|
||
|
|
}
|
||
|
|
}
|