mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 10:46:14 -04:00
4 lines
18 KiB
CSS
4 lines
18 KiB
CSS
|
/*!
|
||
|
|
* Pico.css v0.1.0 (https://picocss.com)
|
||
|
|
* Copyright 2019 - Licensed under MIT
|
||
|
|
*/:root:not([data-theme=dark]),[data-theme=light]{--background:#FFF;--text:#415762;--h1:#1b2a32;--h2:#2c4049;--h3:#415762;--h4:#596e78;--h5:#73848c;--h6:#8a9ba3;--mark:rgba(255, 223, 128, 0.5);--action:#1086c1;--action-hover:#086a9b;--action-focus:rgba(16, 134, 193, 0.125);--action-inverse:#FFF;--secondary:#374b56;--secondary-hover:#23353e;--secondary-focus:rgba(55, 75, 86, 0.125);--secondary-inverse:#FFF;--input-background:#FFF;--input-border:#c8d2d8;--valid:#288a6a;--invalid:#b94646;--muted-text:#7e8f98;--muted-background:#edf1f3;--muted-border:#edf1f3;--card-background:#FFF;--card-shadow:0 0.125rem 1rem rgba(27, 42, 50, 0.04), 0 0.125rem 2rem rgba(27, 42, 50, 0.08), 0 0 0 0.0625rem rgba(27, 42, 50, 0.024);--code-background:#f3f5f7;--code-border:#d5dde2;--code-inlined:#edf1f3;--code-color-1:#9f6060;--code-color-2:#2f7ca2;--badge-background:#73848c;--badge-text:#FFF;--table-background:#FFF;--table-border:rgba(237, 241, 243, 0.75)}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#10191e;--text:#a2b1b9;--h1:#edf1f3;--h2:#d5dde2;--h3:#bbc7ce;--h4:#a2b1b9;--h5:#8a9ba3;--h6:#73848c;--mark:rgba(255, 223, 128, 0.25);--primary:#1086c1;--primary-hover:#1aa2e6;--primary-focus:rgba(16, 134, 193, 0.25);--primary-inverse:#FFF;--secondary:#bbc7ce;--secondary-hover:#edf1f3;--secondary-focus:rgba(187, 199, 206, 0.25);--secondary-inverse:#1b2a32;--input-background:#10191e;--input-border:#374b56;--valid:#1f7a5c;--invalid:#943838;--valid:#1f7a5c;--invalid:#943838;--muted-text:#73848c;--muted-background:#10191e;--muted-border:#23353e;--card-background:#17242b;--card-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0 0 0.0625rem rgba(0, 0, 0, 0.09);--code-background:#141f24;--code-border:#23353e;--code-inlined:rgba(65, 87, 98, 0.25);--code-color-1:#ac5353;--code-color-2:#4d91b3;--badge-background:#2c4049;--badge-text:#a2b1b9;--table-background:#141f24;--table-border:#10191e}}[data-theme=dark]{--background:#10191e;--text:#a2b1b9;--h1:#edf1f3;--h2:#d5dde2;--h3:#bbc7ce;--h4:#a2b1b9;--h5:#8a9ba3;--h6:#73848c;--mark:rgba(255, 223, 128, 0.25);--primary:#1086c1;--primary-hover:#1aa2e6;--primary-focus:rgba(16, 134, 193, 0.25);--primary-inverse:#FFF;--secondary:#bbc7ce;--secondary-hover:#edf1f3;--secondary-focus:rgba(187, 199, 206, 0.25);--secondary-inverse:#1b2a32;--input-background:#10191e;--input-border:#374b56;--valid:#1f7a5c;--invalid:#943838;--valid:#1f7a5c;--invalid:#943838;--muted-text:#73848c;--muted-background:#10191e;--muted-border:#23353e;--card-background:#17242b;--card-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0 0 0.0625rem rgba(0, 0, 0, 0.09);--code-background:#141f24;--code-border:#23353e;--code-inlined:rgba(65, 87, 98, 0.25);--code-color-1:#ac5353;--code-color-2:#4d91b3;--badge-background:#2c4049;--badge-text:#a2b1b9;--table-background:#141f24;--table-border:#10191e}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:var(--background);color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media (min-width:576px){html{font-size:17px}}@media (min-width:768px){html{font-size:18px}}@media (min-width:992px){html{font-size:19px}}@media (min-width:1200px){html{font-size:20px}}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:2rem 1rem}@media (min-width:576px){body>footer,body>header,body>main{padding:2.5rem 1rem}}@media (min-width:768px){body>footer,body>header,body>main{padding:3rem 1rem}}@media (min-width:992px){body>footer,body>header,body>main{padding:3.5rem 1rem}}@media (min-width:1200px){body>footer,body>header,body>main{padding:4rem 1rem}}section{margin-bottom:4rem}@media (min-width:576px){section{margin-bottom:5rem}}@med
|