-
Notifications
You must be signed in to change notification settings - Fork 4
/
nexmoe.min.css
2 lines (2 loc) · 6.45 KB
/
nexmoe.min.css
1
2
:root{--active-brightness:0.8;--hover-brightness:1.2;--border-radius:6px;--color-primary:#171717;--color-link:#df5d64;--color-text:#171717;--color-bg:#fff;--color-hover:hsla(0,0%,9%,.15);--nexmoe-gap:1rem;--icon-checkbox:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--icon-summary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--color-primary:#fff;--color-text:#f7f7f7;--color-bg:#111;--color-hover:hsla(0,0%,90%,.15);--icon-checkbox:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--icon-summary:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f7f7f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}*{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);line-height:1.5;margin:0;padding:0 3rem}@media (max-width:768px){body{padding:0 1rem}}header{line-height:1.7;text-align:center}header h2{border-bottom:none}footer{padding:2rem 0}@media (max-width:768px){footer{padding:2rem 1rem}}main{margin:50px auto;max-width:960px;padding:0 1rem}section{margin:4rem 0}article{border:2px solid var(--color-text);border-radius:var(--border-radius);box-shadow:0 4px 7px 1px rgba(0,0,0,.25);overflow:hidden}article>:first-child{margin-top:0}article>:last-child{margin-bottom:0}a{color:var(--color-link);text-decoration:none}a:hover{filter:brightness(var(--hover-brightness));text-decoration:underline}a:active{filter:brightness(var(--active-brightness))}h1{font-size:2.7rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.17rem}h5{font-size:1rem}h6{font-size:.83rem}mark{padding:0 .25rem}img{border-radius:var(--border-radius);box-shadow:0 0 0 1px #eee}p{margin:1rem 0}kbd{border-bottom:1px solid var(--color-text);border:solid var(--color-text);border-radius:5px;border-width:1px 1px 3px;color:var(--color-text);padding:.3rem .55rem}hr{border:none;border-top:2px solid #ccc;margin:1rem 0}blockquote{border-left:6px solid;padding:1px 2rem}code{background-color:rgba(175,184,193,.2);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}details summary::marker{content:none}details summary:after{background-image:var(--icon-summary);background-position:100%;background-repeat:no-repeat;background-size:1rem auto;content:"";display:block;float:right;height:1rem;margin-top:.25rem;transform:rotate(-90deg);transition:transform .2s ease-in-out;width:1rem}details[open] summary:after{transform:rotate(0deg)}details summary{padding:1rem}details+div{max-height:0;opacity:0;overflow:hidden;padding:0 1rem;transition:max-height .2s ease-in-out}details[open]+div{border-top:2px solid var(--color-text);max-height:1000px;opacity:1}details,input[type=checkbox],input[type=radio],label{cursor:pointer}label>input:not([type=checkbox]):not([type=radio]),label>select{display:block;margin-top:.3em}dialog{animation-duration:.2s;animation-name:dialogScaleIn;background-color:var(--color-bg);border:none;border-radius:var(--border-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);color:var(--color-text);padding:calc(var(--nexmoe-gap)*1.5)}@keyframes dialogScaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}dialog menu{display:flex;gap:var(--nexmoe-gap);justify-content:flex-end;margin-bottom:0}dialog fieldset{border:0;margin:unset;padding:unset}dialog fieldset legend{font-size:1.5rem;margin-bottom:var(--nexmoe-gap)}button:active,input:active{transform:translateY(2px);transition:transform .1s}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;margin-left:0;margin-right:.3rem;margin-top:0;padding:0;vertical-align:middle;width:1.25rem}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-primary);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em auto}input[type=radio]{border-radius:50%}button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--color-primary);color:var(--color-bg);cursor:pointer}button,input,select{transition:all .1s ease-in-out}button:hover,input:hover,select:hover,textarea:hover{box-shadow:0 0 0 2px var(--color-hover)}button,input,select,textarea{border:2px solid var(--color-primary);border-radius:var(--border-radius);font-size:1.2rem;padding:.6rem 1rem}button[text]{background-color:transparent;border-color:transparent;color:var(--color-primary)}input[type=color]{padding:1px 4px}nav{align-items:center;display:flex;font-size:1.2rem;justify-content:space-between;margin:1rem 0}@media (max-width:768px){nav{flex-direction:column;flex-wrap:wrap;margin:1rem}nav ul{text-align:center}}nav>a{font-size:1.5rem}nav a{color:var(--color-text);display:block}nav ul{list-style:none;margin:-.2rem;padding:0}nav ul li{display:inline-block;margin:.2rem;position:relative}nav ul li a{border-radius:30px;min-width:2rem;padding:.5rem 1rem;transition:background-color .1s ease-in-out}nav ul li a:hover{background-color:var(--color-hover);color:var(--color-primary);filter:unset;text-decoration:none}nav ul li a:active,nav ul li a[checked]{background-color:var(--color-primary);color:var(--color-bg);transition:none}nav ul li ul{background:var(--color-bg);border-radius:var(--border-radius);box-shadow:0 1px 5px hsla(0,0%,39%,.15);height:auto;min-width:100%;opacity:0;padding:1rem .8rem;position:absolute;top:3.5rem;transform:translateY(-8px);transition:all .2s ease-in-out;white-space:nowrap;width:auto;z-index:-1}nav ul li:hover ul{opacity:1;transform:translateY(0);z-index:1}nav ul li ul:before{content:"";height:.5rem;left:0;position:absolute;right:0;top:-.5rem}nav ul li ul li{display:block}nav ul li ul li a{border-radius:var(--border-radius)}table{border-collapse:collapse;font-size:1.2rem}td,th{padding:.6em 1.2em;text-align:left}th{background-color:var(--color-primary);color:var(--color-bg)}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}
/*# sourceMappingURL=nexmoe.min.css.map */