3 lines
19 KiB
CSS
3 lines
19 KiB
CSS
:root{--palette-black: #000000;--palette-white: #ffffff;--palette-blue-50: #e3f2fd;--palette-blue-50-fg: var(--palette-black);--palette-blue-100: #bbdefb;--palette-blue-100-fg: var(--palette-black);--palette-blue-200: #90caf9;--palette-blue-200-fg: var(--palette-black);--palette-blue-400: #42a5f5;--palette-blue-400-fg: var(--palette-black);--palette-blue-500: #2196f3;--palette-blue-500-fg: var(--palette-black);--palette-blue-600: #1e88e5;--palette-blue-600-fg: var(--palette-white);--palette-blue-700: #1976d2;--palette-blue-700-fg: var(--palette-white);--palette-blue-800: #1565c0;--palette-blue-800-fg: var(--palette-white);--palette-blue-900: #0d47a1;--palette-blue-900-fg: var(--palette-white);--palette-blue-a100: #82b1ff;--palette-blue-a100-fg: var(--palette-black);--palette-blue-a200: #448aff;--palette-blue-a200-fg: var(--palette-white);--palette-blue-a400: #2979ff;--palette-blue-a400-fg: var(--palette-white);--palette-blue-a700: #2962ff;--palette-blue-a700-fg: var(--palette-white);--palette-grey-50: #fafafa;--palette-grey-50-fg: var(--palette-black);--palette-grey-100: #f5f5f5;--palette-grey-100-fg: var(--palette-black);--palette-grey-200: #eeeeee;--palette-grey-200-fg: var(--palette-black);--palette-grey-300: #e0e0e0;--palette-grey-300-fg: var(--palette-black);--palette-grey-400: #bdbdbd;--palette-grey-400-fg: var(--palette-black);--palette-grey-500: #9e9e9e;--palette-grey-500-fg: var(--palette-black);--palette-grey-600: #757575;--palette-grey-600-fg: white;--palette-grey-700: #616161;--palette-grey-700-fg: white;--palette-pink-500: #e91e63;--palette-pink-500-fg: var(--palette-white)}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-cyrillic-ext-400-normal-26BHVYZO.woff2") format("woff2"),url("./roboto-cyrillic-ext-400-normal-ALQYG4VR.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-cyrillic-400-normal-FWOJ2YEY.woff2") format("woff2"),url("./roboto-cyrillic-400-normal-DH4TKATE.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-greek-ext-400-normal-FNKH33MZ.woff2") format("woff2"),url("./roboto-greek-ext-400-normal-2F7V6K4G.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-greek-400-normal-MPTNYGBL.woff2") format("woff2"),url("./roboto-greek-400-normal-4O2YO26M.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-vietnamese-400-normal-ZFP4AYPR.woff2") format("woff2"),url("./roboto-vietnamese-400-normal-WM45SJXN.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-latin-ext-400-normal-EGV4RSGY.woff2") format("woff2"),url("./roboto-latin-ext-400-normal-SYALJJTN.woff") format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-latin-400-normal-6KEU5XHX.woff2") format("woff2"),url("./roboto-latin-400-normal-23KM663I.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-cyrillic-ext-100-normal-GB4EOHW3.woff2") format("woff2"),url("./roboto-cyrillic-ext-100-normal-JVQUE5YG.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-cyrillic-100-normal-BCJFGWFF.woff2") format("woff2"),url("./roboto-cyrillic-100-normal-SJKZD3PH.woff") format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-greek-ext-100-normal-IU4AEIW2.woff2") format("woff2"),url("./roboto-greek-ext-100-normal-WGDKWHRF.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-greek-100-normal-S3FDCEDH.woff2") format("woff2"),url("./roboto-greek-100-normal-HAPQGQT7.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-vietnamese-100-normal-VC33Q5KS.woff2") format("woff2"),url("./roboto-vietnamese-100-normal-RG3VSYYM.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-latin-ext-100-normal-S6APGXBJ.woff2") format("woff2"),url("./roboto-latin-ext-100-normal-G4DULEH7.woff") format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url("./roboto-latin-100-normal-H6TJBNRU.woff2") format("woff2"),url("./roboto-latin-100-normal-PKD3V7F6.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;box-sizing:border-box;font-family:var(--font-family-sans)}:root{--font-family-sans: Roboto, "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--p-primary: var(--palette-blue-500);--p-primary-fg: var(--palette-blue-500-fg);--p-secondary: var(--palette-pink-500);--p-secondary-fg: var(--palette-pink-500-fg);--typ-r-display4: lighter 7rem / 7rem var(--font-family-sans);--typ-r-display3: normal 3.5rem / 3.5rem var(--font-family-sans);--typ-r-display2: normal 2.8125rem / 2.8125rem var(--font-family-sans);--typ-r-display1: normal 2.125rem / 2.125rem var(--font-family-sans);--typ-r-headline: bold 1.5rem / 1.5rem var(--font-family-sans);--typ-r-title: bold 1.25rem / 1.25rem var(--font-family-sans);--typ-r-subheading: normal 1rem / 1rem var(--font-family-sans);--typ-r-body2: bold .875rem / .875rem var(--font-family-sans);--typ-r-body1: normal .875rem / .875rem var(--font-family-sans);--typ-r-caption: normal .75rem / .75rem var(--font-family-sans);--typ-r-button: bold .875rem / .875rem var(--font-family-sans);--typ-d-display4: var(--typ-r-display4);--typ-d-display3: var(--typ-r-display3);--typ-d-display2: var(--typ-r-display2);--typ-d-display1: var(--typ-r-display1);--typ-d-headline: var(--typ-r-headline);--typ-d-title: bold 1.3125rem / 1.3125rem var(--font-family-sans);--typ-d-subheading: normal 1.0625rem / 1.0625rem var(--font-family-sans);--typ-d-body2: bold .9375rem / .9375rem var(--font-family-sans);--typ-d-body1: normal .9375rem / .9375rem var(--font-family-sans);--typ-d-caption: normal .8125rem / .8125rem var(--font-family-sans);--typ-d-button: bold .9375rem / .9375rem var(--font-family-sans);--elevation-0: 0px;--elevation-1: 1px;--elevation-2: 2px;--elevation-3: 3px;--elevation-4: 4px;--elevation-5: 6px;--elevation-6: 8px;--elevation-7: 9px;--elevation-8: 12px;--elevation-9: 16px;--elevation-10: 24px;--box-shadow-2: 0 var(--elevation-2) var(--elevation-2) rgba(0, 0, 0, .15);--box-shadow-4: 0 var(--elevation-4) var(--elevation-4) rgba(0, 0, 0, .15);--box-shadow-6: 0 var(--elevation-6) var(--elevation-6) rgba(0, 0, 0, .15);--box-shadow-9: 0 var(--elevation-9) var(--elevation-9) rgba(0, 0, 0, .15);--link-bg: var(--palette-blue-50);--link-color: var(--palette-blue-50-fg);--link-bg-hover: var(--palette-blue-100);--link-color-hover: var(--palette-blue-100-fg);--typ-display4: var(--typ-r-display4);--typ-display3: var(--typ-r-display3);--typ-display2: var(--typ-r-display2);--typ-display1: var(--typ-r-display1);--typ-headline: var(--typ-r-display1);--typ-title: var(--typ-r-title);--typ-subheading: var(--typ-r-subheading);--typ-body2: var(--typ-r-body2);--typ-body1: var(--typ-r-body1);--typ-caption: var(--typ-r-caption);--typ-button: var(--typ-r-button)}:root:is([lang~=zh],[lang~=ja],[lang~=kr]){--typ-title: var(--typ-d-headline);--typ-subheading: var(--typ-d-subheading);--typ-body2: var(--typ-d-body2);--typ-body1: var(--typ-d-body1);--typ-caption: var(--typ-d-caption);--typ-button: var(--typ-d-button)}table{--table-header-color: rgba(0, 0, 0, .54);--table-content-color: rgba(0, 0, 0, .87);--table-background-color: white}:root{font:var(--typ-body1)}h1{font:var(--typ-display4)}h2{font:var(--typ-display3)}h3{font:var(--typ-display2)}h4{font:var(--typ-display1)}h5{font:var(--typ-headline)}h6{font:var(--typ-title)}.container{width:80%;margin:auto}@media (max-width: 600px){.container{width:100%}}.nav-wrapper{background-color:var(--p-primary);box-shadow:var(--box-shadow-4)}nav.site{--nav-site-height: 4rem;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;white-space:nowrap;min-height:var(--nav-site-height);color:var(--palette-white);width:80%;margin:auto;padding-inline:8px}nav.site>*{display:flex;align-items:center}@media (max-width: 1280px){nav.site{width:90%}}@media (max-width: 600px){nav.site{width:100%}}nav.site a{font:var(--typ-button);display:inline-block;line-height:var(--nav-site-height);padding:0 16px;transition:background-color .2s ease-in-out;background-color:transparent;color:var(--palette-white)}nav.site a:hover{color:inherit;background-color:#0000001a}:where(a):not([href^="#"]){display:inline-block;color:var(--link-color);text-decoration:none;background-color:var(--link-bg);border-radius:4px;padding:4px 8px;transition:background-color .2s ease-in-out,color .2s ease-in-out;min-width:44px}:where(a):not([href^="#"]):hover{background-color:var(--link-bg-hover);color:var(--link-color-hover)}:where(a):not([href^="#"])[target=_blank]:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>open-in-new</title><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>');display:inline-block;width:1rem;height:1rem}nav.site .textinput-lg{background-color:#ffffff40;border:none;outline:none;border-radius:2px;font-size:1rem;line-height:2rem;vertical-align:middle;flex-grow:1;transition:background-color .2s ease-in-out,width .2s ease-in-out,box-shadow .2s ease-in-out;padding-inline:1rem}nav.site .textinput-lg::placeholder{color:#fff}nav.site .textinput-lg:focus{background-color:#fff;box-shadow:var(--box-shadow-9)}nav.site .textinput-lg:focus::placeholder{color:transparent;text-align:center}@media (max-width: 600px){nav.site .textinput-lg{width:100%}}nav.site>*:first-child>*:first-child{padding-left:16px}nav.site :where(h1,h2,h3,h4,h5,h6){text-overflow:ellipsis;overflow:hidden;line-height:var(--nav-site-height)}.circle{border-radius:50%}:is(ul,ol).post-list{list-style-type:none;padding:0}.post-item{display:block;padding:12px 0;border:1px solid transparent;border-top-color:var(--palette-grey-300);transition:border-color .22s ease-in-out}.post-item>*:not(:where(figure)){margin-left:4px;margin-right:4px}.post-item:is(:hover,:focus-within){border-top-color:var(--palette-grey-400);border-left-color:var(--palette-grey-400);border-right-color:var(--palette-grey-400)}.post-item:is(:hover,:focus-within)+.post-item{border-top-color:var(--palette-grey-400)}.post-item:is(:hover,:focus-within):first-child{border-top-color:var(--palette-grey-400)}.post-item:is(:hover,:focus-within):last-child{border-bottom-color:var(--palette-grey-400)}.post-item:first-child{border-top-color:transparent}.post-item p{line-height:1.375}.post-item p>a{line-height:1.175}.post-item:last-child{border-bottom-color:#0000000d}.post-item-title{display:grid;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px;grid-template-columns:auto auto}@media (width <= 400px){.post-item-title{grid-template-columns:1fr}.post-item-title>:last-child{text-align:end}}.post-item-title>a{min-height:44px;display:inline-flex;align-items:center}.post-item-title>time{color:var(--palette-grey-700)}.pager{display:grid;width:fit-content;grid-auto-columns:minmax(44px,1fr);grid-auto-flow:column;gap:16px;row-gap:8px;font-size:1.125rem}.pager>:is(.extend,.page-number){aspect-ratio:1;display:flex;align-items:center;justify-content:center}.pager>.extend>.mdi{font-size:1.375em}.pager>.extend{background-color:var(--p-secondary);color:var(--p-secondary-fg)}.pager>.extend:is(:hover,:focus){filter:saturate(.65)}.highlight{display:block;overflow-x:auto;padding:.5em;background:#fff;color:#000}.code .xml .meta{color:silver}.code .comment,.code .quote{color:#007400}.code .tag,.code .attribute,.code .keyword,.code .selector-tag,.code .literal,.code .name{color:#aa0d91}.code .variable,.code .template-variable{color:#3f6e74}.code .code,.code .string,.code .meta-string{color:#c41a16}.code .regexp,.code .link{color:#0e0eff}.code .title,.code .symbol,.code .bullet,.code .number{color:#1c00cf}.code .section,.code .meta{color:#643820}.code .class .title,.code .type,.code .built_in,.code .builtin-name,.code .params{color:#5c2699}.code .attr{color:#836c28}.code .subst{color:#000}.code .formula{background-color:#eee;font-style:italic}.code .addition{background-color:#baeeba}.code .deletion{background-color:#ffc8bd}.code .selector-id,.code .selector-class{color:#9b703f}.code .doctag,.code .strong{font-weight:700}.code .emphasis{font-style:italic}.content{line-height:1.5}.content>p{padding:16px}.content>p>img{width:100%;object-fit:contain;object-position:50% 50%;min-height:44px;max-height:40vh}.content>p>a>img{max-width:100%;object-fit:contain}.content>:where(h1,h2,h3,h4,h5,h6){margin-inline:16px;-webkit-hyphens:auto;hyphens:auto;text-wrap:wrap;text-wrap:pretty}.content>#more{display:block;width:100%;border-top:1px solid var(--palette-grey-200)}.content>:where(ul,ol){background-color:var(--palette-white);line-height:1.5}.content>:where(ul,ol)>li{border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color .22s ease-in-out}.content>:where(ul,ol)>li:hover{border-top-color:var(--palette-grey-200);border-bottom-color:var(--palette-grey-400)}.content>:where(ul,ol)>li:hover+li{border-bottom-color:var(--palette-grey-200)}.content hr{border:none;border-top:1px solid var(--palette-grey-300);margin-inline:16px}.content>:where(h2,h3,h4,h5,h6){margin-top:16px;margin-bottom:8px}.table-responsive{max-width:100%;overflow-y:auto}:where(.content>table,.content>.table-responsive>table){background-color:var(--table-background-color);width:100%;white-space:nowrap;border:1px solid var(--palette-grey-300);border-collapse:collapse}:where(.content>table,.content>.table-responsive>table)>:where(thead,tbody)>tr>:first-child{padding-inline-start:16px}:where(.content>table,.content>.table-responsive>table)>:where(thead,tbody)>tr>:last-child{padding-inline-end:16px}:where(.content>table,.content>.table-responsive>table)>thead{color:var(--table-header-color)}:where(.content>table,.content>.table-responsive>table)>thead>tr{border-bottom:1px solid var(--palette-grey-300)}:where(.content>table,.content>.table-responsive>table)>thead>tr>th{padding-block:15px;text-align:start}:where(.content>table,.content>.table-responsive>table)>thead>tr>th:is(:hover,.table-column-hover){color:var(--table-content-color)}:where(.content>table,.content>.table-responsive>table)>thead>tr>th[align=center]{text-align:center}:where(.content>table,.content>.table-responsive>table)>thead>tr>th[align=right]{text-align:end}:where(.content>table,.content>.table-responsive>table)>tbody{color:var(--table-content-color)}:where(.content>table,.content>.table-responsive>table)>tbody>tr>td{padding-block:15px;text-align:start}:where(.content>table,.content>.table-responsive>table)>tbody>tr>td[align=center]{text-align:center}:where(.content>table,.content>.table-responsive>table)>tbody>tr>td[align=right]{text-align:end}:where(.content>table,.content>.table-responsive>table)>tbody>tr:first-child{border-top:1px solid transparent}:where(.content>table,.content>.table-responsive>table)>tbody>tr+:is(:where(.content>table,.content>.table-responsive>table)>tbody>tr){border-top:1px solid var(--palette-grey-300)}:where(.content>table,.content>.table-responsive>table)>tbody>tr:hover{background-color:var(--palette-grey-200)}.content figure{border-radius:2px}.content figure.highlight{padding:0 8px;outline:1px solid var(--palette-grey-300);transition:box-shadow .22s ease-in-out;line-height:1.25;min-height:44px}.content figure.highlight:hover{box-shadow:var(--box-shadow-4)}.content figure.highlight .gutter{border-inline-end:1px solid var(--palette-grey-200);margin-inline-end:8px}.content figure.highlight .gutter>pre>.line{display:block;width:100%;text-align:end}.content figure.highlight .gutter>pre>br{display:none}.content figure.highlight .code .line{border-bottom:1px solid transparent}.content figure.highlight .code .line:hover{border-bottom:1px solid var(--palette-grey-500)}.content kbd{padding:6px;margin-inline:2px;background-color:var(--palette-black);color:var(--palette-white);border-radius:4px}.content dl>dt{font:var(--typ-body2);margin-left:16px}.content dl>dd{margin-left:32px}.content blockquote{background-color:#fff;padding-left:12px;margin-block:16px;border:1px solid var(--palette-grey-200);border-left:4px solid var(--p-secondary)}.content blockquote:is(:hover,:focus){outline:1px solid var(--palette-grey-400)}.content .video-container{width:100%;border:1px solid var(--palette-grey-200)}.content .video-container>iframe{width:100%}#_layout{display:grid;grid-template-columns:auto 1fr;margin-inline:60px;padding-block:24px;gap:8px;row-gap:0}@media (max-width: 720px){#_layout{margin-inline:8px;grid-template-columns:1fr}}#_layout>:first-child{max-width:560px}.avatar{width:60px;height:60px}.card{background-color:var(--palette-white);box-shadow:var(--box-shadow-2);padding:8px 0 16px;border:1px solid var(--palette-grey-300)}.card>*{margin-inline:8px}.card:hover{box-shadow:var(--box-shadow-4)}.author-head{display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:12px}.author-head>:first-child{grid-row:1 /3;grid-column:1/1}.author-head>*{grid-column:2/2}.author-head>:nth-child(2){grid-row:1 / 1}.author-head>:nth-child(3){grid-row:2/ 2}.link-list{display:flex;flex-direction:column;list-style:none;padding:0;gap:16px}.link-list>li{display:flex}.link-list>li:before{display:inherit;width:1.25rem;height:1.25rem;padding:4px;content:"";object-fit:contain;overflow:hidden}.link-list>li.mastodon:before{content:url("./mastodon-purple-EGLRNBKD.svg")}.chip-group{display:flex;flex-flow:row wrap;gap:16px;column-gap:8px}:where(ul,ol).chip-group>*{display:inline-block}.chip{border-radius:1.5rem;padding:0 12px;line-height:2rem;font-size:.8125rem;text-align:center}.hottag-chip{background-color:var(--p-secondary);color:var(--p-secondary-fg)}.hottag-chip:is(:hover,:focus){background-color:var(--p-secondary);color:var(--p-secondary-fg);filter:saturate(.65)}
|
|
/*# sourceMappingURL=index.css.map */
|