mirror of https://github.com/n2geoff/stylelite.git
fix label
This commit is contained in:
parent
8638507cb1
commit
0aa4f9896a
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,3 @@
|
|||
/*! Stylelite v:0.9.9 | MIT LICENSE | https://github.com/n2geoff/stylelite */
|
||||
:root{--theme:steelblue;--size:1rem;--radius:0rem;--fg:#17202A;--bg:#FDFEFE;--mg:#99A3A4;--white:#FFF;--black:#000;--light:#EEE;--dark:#222}[data-theme=dark]{--theme:#5499C7;--mg:#6B7280;--bg:#1A1A1A;--fg:#E0E0E0;--white:#FFF;--black:#000;--dark:#D4D4D4;--light:#272727}*{margin:0}*,::after,::before{box-sizing:border-box}body,html,table{background:var(--bg)}body,html{color:var(--fg);accent-color:var(--theme);font-family:system-ui,sans-serif;font-size:16px;letter-spacing:.0125em;line-height:1.5rem}button,div,input,select,span,textarea{margin-bottom:.25rem;margin-top:.25rem}p{margin:1rem 0}audio,embed,iframe,img,object,video{height:auto;max-width:100%;border:0}li,ol,ul{margin-left:1rem}label{display:inline-block;font-weight:600;color:var(--white);white-space:nowrap;vertical-align:top}label.addon{max-height:2.5rem;background:var(--theme);padding:.5rem 1rem;margin-top:.25rem}code,pre{background:var(--light);color:var(--dark);padding:.25rem}main{margin:0 auto;padding:var(--size);max-width:1140px}table{border-collapse:collapse;border-spacing:0;width:100%}table>thead>tr>th{border-bottom:2px solid var(--theme)}th{text-align:left}td,th{padding:.5rem;border-bottom:1px solid var(--theme)}table.striped tbody>:nth-child(2n-1){background:#f5f5f5}table.condensed td,table.condensed th{padding:0}fieldset,legend{background:var(--bg);padding:1rem;border:1px solid var(--theme)}legend{font-size:larger;font-weight:600;display:block;width:fit-content;padding:.25rem .5rem;margin:0;line-height:inherit}blockquote{margin:var(--size)0;background:var(--light);padding:var(--size);border-left:8px solid var(--theme);border-radius:var(--radius)}hr{border:1px solid}h1,h2,h3,h4,h5,h6{color:var(--theme);margin:var(--size)0;padding-bottom:calc(var(--size)/2);text-transform:capitalize}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}a,hr,legend{color:var(--theme)}a:hover,blockquote{color:var(--dark)}article,section{margin-bottom:2rem}article{border:1px solid rgba(0,0,0,.125);background:var(--light);color:var(--dark);padding:1rem}details{margin:var(--size)0;color:var(--fg)}details[open],summary{background-color:var(--bg);border:1px solid var(--theme)}details[open]{margin-bottom:var(--size)}details>*{box-sizing:border-box;padding:.5rem 1rem}summary{color:var(--theme);height:40px}details,summary:hover{cursor:pointer}details:not(summary):hover{cursor:default}a.button,button,input{outline:0;box-sizing:border-box;font-size:1rem;background:var(--bg);min-width:fit-content;height:2.5rem;border:1px solid var(--theme);padding:.5rem 1rem}a.button,input{display:inline-block;width:100%;border-radius:var(--radius)}input{color:var(--fg)}input[type=color]{padding:.25rem}input[type=checkbox],input[type=radio]{padding:0;width:1.1rem;height:1.1rem;margin-right:.5rem}input::placeholder{color:var(--mg)}button,input[type=reset],input[type=submit]{display:inline-block;border-radius:var(--radius);width:initial}button[disabled],button[disabled]:hover{filter:brightness(75%);cursor:not-allowed;pointer-events:none}button.link,button.link:hover{border:0;background:0 0;color:var(--theme)}button.link:hover{text-decoration:underline}a.button,button,input[type=submit]{background:var(--theme);color:var(--white)}button.outline{background:0 0;outline:var(--theme);color:var(--fg)}a.button:hover,button:hover,input[type=reset]:hover,input[type=submit]:hover{filter:brightness(90%)!important;cursor:pointer}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;pointer-events:none;filter:brightness(95%)}input:focus,select:focus,textarea:focus{border:2px solid var(--theme)}option{line-height:1rem;vertical-align:center}select,textarea{display:inline-block;outline:0;font-size:var(--size);height:2.5rem;width:100%;background:var(--bg);border-radius:var(--radius);padding:0 var(--size);border:1px solid var(--theme);color:var(--fg)}select{cursor:pointer;background:var(--bg) no-repeat 100%;padding:0 clamp(.5rem,var(--size),2rem);appearance:none;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>")}textarea{overflow:auto;resize:vertical;height:calc(var(--size)*6rem);padding:clamp(.5rem,var(--size),2rem);cursor:text}.disable,:disabled{pointer-events:none}nav,nav ul{display:flex}nav{justify-content:space-between;padding-bottom:.25rem;border-bottom:1px solid var(--theme)}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{padding:0 .5rem;margin:0}nav ul li:first-child{margin-left:0}nav a{text-decoration:none}dialog[open]{margin:auto}dialog{border:1px solid var(--theme);box-shadow:0 0#0000,0 0#0000,0 25px 50px -12px rgba(0,0,0,.25);padding:calc(var(--size)*2);max-width:85%}.grid{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.group{display:flex}.right{float:right}.left{float:left}.center{text-align:center}
|
||||
:root{--theme:steelblue;--size:1rem;--radius:0rem;--fg:#17202A;--bg:#FDFEFE;--mg:#99A3A4;--white:#FFF;--black:#000;--light:#EEE;--dark:#222}[data-theme=dark]{--theme:#5499C7;--mg:#6B7280;--bg:#1A1A1A;--fg:#E0E0E0;--white:#FFF;--black:#000;--dark:#D4D4D4;--light:#272727}*{margin:0}*,::after,::before{box-sizing:border-box}body,html,table{background:var(--bg)}body,html{color:var(--fg);accent-color:var(--theme);font-family:system-ui,sans-serif;font-size:16px;letter-spacing:.0125em;line-height:1.5rem}button,div,input,select,span,textarea{margin-bottom:.25rem;margin-top:.25rem}p{margin:1rem 0}audio,embed,iframe,img,object,video{height:auto;max-width:100%;border:0}li,ol,ul{margin-left:1rem}label{display:inline-block;font-weight:600;color:var(--fg);white-space:nowrap;vertical-align:top}label.addon{max-height:2.5rem;background:var(--theme);padding:.5rem 1rem;margin-top:.25rem}code,pre{background:var(--light);color:var(--dark);padding:.25rem}main{margin:0 auto;padding:var(--size);max-width:1140px}table{border-collapse:collapse;border-spacing:0;width:100%}table>thead>tr>th{border-bottom:2px solid var(--theme)}th{text-align:left}td,th{padding:.5rem;border-bottom:1px solid var(--theme)}table.striped tbody>:nth-child(2n-1){background:#f5f5f5}table.condensed td,table.condensed th{padding:0}fieldset,legend{background:var(--bg);padding:1rem;border:1px solid var(--theme)}legend{font-size:larger;font-weight:600;display:block;width:fit-content;padding:.25rem .5rem;margin:0;line-height:inherit}blockquote{margin:var(--size)0;background:var(--light);padding:var(--size);border-left:8px solid var(--theme);border-radius:var(--radius)}hr{border:1px solid}h1,h2,h3,h4,h5,h6{color:var(--theme);margin:var(--size)0;padding-bottom:calc(var(--size)/2);text-transform:capitalize}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}a,hr,legend{color:var(--theme)}a:hover,blockquote{color:var(--dark)}article,section{margin-bottom:2rem}article{border:1px solid rgba(0,0,0,.125);background:var(--light);color:var(--dark);padding:1rem}details{margin:var(--size)0;color:var(--fg)}details[open],summary{background-color:var(--bg);border:1px solid var(--theme)}details[open]{margin-bottom:var(--size)}details>*{box-sizing:border-box;padding:.5rem 1rem}summary{color:var(--theme);height:40px}details,summary:hover{cursor:pointer}details:not(summary):hover{cursor:default}a.button,button,input{outline:0;box-sizing:border-box;font-size:1rem;background:var(--bg);min-width:fit-content;height:2.5rem;border:1px solid var(--theme);padding:.5rem 1rem}a.button,input{display:inline-block;width:100%;border-radius:var(--radius)}input{color:var(--fg)}input[type=color]{padding:.25rem}input[type=checkbox],input[type=radio]{padding:0;width:1.1rem;height:1.1rem;margin-right:.5rem}input::placeholder{color:var(--mg)}button,input[type=reset],input[type=submit]{display:inline-block;border-radius:var(--radius);width:initial}button[disabled],button[disabled]:hover{filter:brightness(75%);cursor:not-allowed;pointer-events:none}button.link,button.link:hover{border:0;background:0 0;color:var(--theme)}button.link:hover{text-decoration:underline}a.button,button,input[type=submit]{background:var(--theme);color:var(--white)}button.outline{background:0 0;outline:var(--theme);color:var(--fg)}a.button:hover,button:hover,input[type=reset]:hover,input[type=submit]:hover{filter:brightness(90%)!important;cursor:pointer}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;pointer-events:none;filter:brightness(95%)}input:focus,select:focus,textarea:focus{border:2px solid var(--theme)}option{line-height:1rem;vertical-align:center}select,textarea{display:inline-block;outline:0;font-size:var(--size);height:2.5rem;width:100%;background:var(--bg);border-radius:var(--radius);padding:0 var(--size);border:1px solid var(--theme);color:var(--fg)}select{cursor:pointer;background:var(--bg) no-repeat 100%;padding:0 clamp(.5rem,var(--size),2rem);appearance:none;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>")}textarea{overflow:auto;resize:vertical;height:calc(var(--size)*6rem);padding:clamp(.5rem,var(--size),2rem);cursor:text}.disable,:disabled{pointer-events:none}nav,nav ul{display:flex}nav{justify-content:space-between;padding-bottom:.25rem;border-bottom:1px solid var(--theme)}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{padding:0 .5rem;margin:0}nav ul li:first-child{margin-left:0}nav a{text-decoration:none}dialog[open]{margin:auto}dialog{border:1px solid var(--theme);box-shadow:0 0#0000,0 0#0000,0 25px 50px -12px rgba(0,0,0,.25);padding:calc(var(--size)*2);max-width:85%}.grid{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.group{display:flex}.right{float:right}.left{float:left}.center{text-align:center}
|
||||
/*# sourceMappingURL=stylelite.map */
|
|
@ -62,7 +62,7 @@ li {margin-left: 1rem}
|
|||
label {
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
color: var(--white);
|
||||
color: var(--fg);
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue