2022-10-22 13:11:51 +07:00
|
|
|
*/:root{--pico-font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--pico-line-height:1.5;--pico-font-weight:400;--pico-font-size:16px;--pico-border-radius:0.25rem;--pico-border-width:1px;--pico-outline-width:3px;--pico-spacing:1rem;--pico-typography-spacing-vertical:1.5rem;--pico-block-spacing-vertical:calc(var(--pico-spacing) * 2);--pico-block-spacing-horizontal:var(--pico-spacing);--pico-form-element-spacing-vertical:0.75rem;--pico-form-element-spacing-horizontal:1rem;--pico-nav-element-spacing-vertical:1rem;--pico-nav-element-spacing-horizontal:0.5rem;--pico-nav-link-spacing-vertical:0.5rem;--pico-nav-link-spacing-horizontal:0.5rem;--pico-form-label-font-weight:var(--pico-font-weight);--pico-transition:0.2s ease-in-out;--pico-modal-overlay-backdrop-filter:blur(0.25rem)}@media (min-width:576px){:root{--pico-font-size:17px}}@media (min-width:768px){:root{--pico-font-size:18px}}@media (min-width:992px){:root{--pico-font-size:19px}}@media (min-width:1200px){:root{--pico-font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 4)}}@media (min-width:576px){article{--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 1.25)}}@media (min-width:768px){article{--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 1.5)}}@media (min-width:992px){article{--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 1.75)}}@media (min-width:1200px){article{--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 2)}}dialog>article{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 2);--pico-block-spacing-horizontal:var(--pico-spacing)}@media (min-width:576px){dialog>article{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 2.5);--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 1.25)}}@media (min-width:768px){dialog>article{--pico-block-spacing-vertical:calc(var(--pico-spacing) * 3);--pico-block-spacing-horizontal:calc(var(--pico-spacing) * 1.5)}}a{--pico-text-decoration:none}a.contrast,a.secondary{--pico-text-decoration:underline}small{--pico-font-size:0.875em}h1,h2,h3,h4,h5,h6{--pico-font-weight:700}h1{--pico-font-size:2rem;--pico-typography-spacing-vertical:3rem}h2{--pico-font-size:1.75rem;--pico-typography-spacing-vertical:2.625rem}h3{--pico-font-size:1.5rem;--pico-typography-spacing-vertical:2.25rem}h4{--pico-font-size:1.25rem;--pico-typography-spacing-vertical:1.874rem}h5{--pico-font-size:1.125rem;--pico-typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--pico-border-width:2px}[type=checkbox][role=switch]{--pico-border-width:3px}tfoot td,tfoot th,thead td,thead th{--pico-border-width:3px}:not(thead,tfoot)>*>td{--pico-font-size:0.875em}code,kbd,pre,samp{--pico-font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--pico-font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--pico-background-color:#fff;--pico-color:hsl(205deg, 20%, 32%);--pico-h1-color:hsl(205deg, 30%, 15%);--pico-h2-color:#24333e;--pico-h3-color:hsl(205deg, 25%, 23%);--pico-h4-color:#374956;--pico-h5-color:hsl(205deg, 20%, 32%);--pico-h6-color:#4d606d;--pico-muted-color:hsl(205deg, 10%, 50%);--pico-muted-border-color:hsl(205deg, 20%, 94%);--pico-primary:hsl(195deg, 85%, 41%);--pico-primary-hover:hsl(195deg, 90%, 32%);--pico-primary-focus:rgba(16, 149, 193, 0.125);--pico-primary-inverse:#fff;--pico-secondary:hsl(205deg, 15%, 41%);--pico-secondary-hover:hsl(205deg, 20%, 32%);--p
|
