139 lines
5.2 KiB
Plaintext
139 lines
5.2 KiB
Plaintext
:root,.light,.default,[data-theme=light],[data-theme=default]{color-scheme:light;
|
|
--white: #fff;
|
|
--black: #000;
|
|
--snow: #fcfcfc;
|
|
--eclipse: #18181b;
|
|
--border-width: 1px;
|
|
--field-border-width: 0px;
|
|
--disabled-opacity: 0.5;
|
|
--ring-offset-width: 2px;
|
|
--cursor-interactive: pointer;
|
|
--cursor-disabled: not-allowed;
|
|
--scrollbar-track: transparent;
|
|
--scrollbar-gutter: auto;
|
|
--scrollbar-width: thin;
|
|
--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
|
|
--default: #ebebec;
|
|
--default-foreground: var(--eclipse);
|
|
--accent: #4c8ac8;
|
|
--accent-foreground: var(--snow);
|
|
--field-background: var(--white);
|
|
--field-foreground: #18181b;
|
|
--field-placeholder: var(--muted);
|
|
--field-border: transparent;
|
|
--success: #17c964;
|
|
--success-foreground: var(--eclipse);
|
|
--warning: #f5a524;
|
|
--warning-foreground: var(--eclipse);
|
|
--danger: #ff383c;
|
|
--danger-foreground: var(--snow);
|
|
--segment: var(--white);
|
|
--segment-foreground: var(--eclipse);
|
|
--separator: #e4e4e7;
|
|
--focus: var(--accent);
|
|
--link: var(--foreground);
|
|
--backdrop: #00000080;
|
|
--surface-hover: var(--surface);
|
|
--border: #28282c;
|
|
--text-xs: 11px;
|
|
--text-sm: 12.8px;
|
|
--text-md: 14px;
|
|
--text-lg: 16px;
|
|
--text-xlg: 20px;
|
|
--primary-color: #000000;
|
|
--main-padding: 6px;
|
|
--spacing: 2px;
|
|
--radius: 2px;
|
|
--button-border-color: var(--border);
|
|
--button-border-size: 1px;
|
|
--button-bg: rgb(from var(--accent) r g b);
|
|
--button-hover-bg: rgb(from var(--button-bg) r g b / 0.8);
|
|
--button-active-bg: rgb(from var(--button-bg) r g b / 0.65);
|
|
--button-text-color: var(--default);
|
|
--button-font-size: var(--text-md)}.dark,[data-theme=dark]{--scrollbar-track: transparent;
|
|
--scrollbar-gutter: auto;
|
|
--scrollbar-width: thin;
|
|
--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
|
|
--accent: #a0cfff;
|
|
--default: #27272a;
|
|
--default-foreground: var(--snow);
|
|
--field-background: #18181b;
|
|
--field-foreground: var(--foreground);
|
|
--warning: #f7b750;
|
|
--warning-foreground: var(--eclipse);
|
|
--danger: #db3b3e;
|
|
--danger-foreground: var(--snow);
|
|
--segment: #46464c;
|
|
--segment-foreground: var(--foreground);
|
|
--border: #dedee0;
|
|
--separator: #212124;
|
|
--focus: var(--accent);
|
|
--link: var(--foreground);
|
|
--backdrop: #0009;
|
|
--surface-shadow: 0 0 0 0 transparent inset;
|
|
--overlay-shadow: 0 0 1px 0 #ffffff4d inset;
|
|
--field-shadow: 0 0 0 0 transparent inset;
|
|
--surface-hover: var(--surface);
|
|
--button-border-color: var(--border);
|
|
--button-border-size: 1px;
|
|
--button-bg: rgb(from var(--accent) r g b);
|
|
--button-hover-bg: rgb(from var(--button-bg) r g b / 0.8);
|
|
--button-active-bg: rgb(from var(--button-bg) r g b / 0.65);
|
|
--button-text-color: var(--default);
|
|
--button-font-size: var(--text-md)}*,*::before,*::after{box-sizing:border-box}.btn{font-family:Arial,Helvetica,sans-serif;
|
|
margin:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
font-size:var(--button-font-size);
|
|
text-decoration:none;
|
|
color:var(--button-text-color);
|
|
isolation:isolate;
|
|
min-height:calc(var(--spacing)*18);
|
|
transform-origin:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
gap:calc(var(--spacing)*2);
|
|
border:solid var(--button-border-size) rgba(0,0,0,0);
|
|
border-radius:calc(var(--radius)*3);
|
|
width:-moz-fit-content;
|
|
width:fit-content;
|
|
padding-inline:calc(var(--spacing)*4);
|
|
line-height:normal;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
user-select:none;
|
|
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
|
outline-style:none;
|
|
display:inline-flex;
|
|
position:relative;
|
|
cursor:pointer;
|
|
background:var(--button-bg);
|
|
transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.btn:hover:not(.btn--disabled){background:var(--button-hover-bg)}.btn:active:not(.btn--disabled){background:var(--button-active-bg);
|
|
transform:scale(0.98)}.btn:focus-visible{outline:2px solid var(--focus);
|
|
outline-offset:2px}.btn img,.btn .btn__icon{width:1.25em;
|
|
height:1.25em;
|
|
flex-shrink:0}.btn--xsmall{--button-font-size: var(--text-xs);
|
|
min-height:calc(var(--spacing)*12);
|
|
padding-inline:calc(var(--spacing)*3)}.btn--small{--button-font-size: var(--text-sm);
|
|
min-height:calc(var(--spacing)*14);
|
|
padding-inline:calc(var(--spacing)*3)}.btn--large{--button-font-size: var(--text-lg);
|
|
min-height:calc(var(--spacing)*22);
|
|
padding-inline:calc(var(--spacing)*6)}.btn--full{width:100%}.btn--secondary{--button-bg: var(--default);
|
|
--button-hover-bg: color-mix(in srgb, var(--default) 85%, transparent);
|
|
--button-active-bg: color-mix(in srgb, var(--default) 70%, transparent);
|
|
--button-text-color: var(--default-foreground)}.btn--outline{--button-bg: transparent;
|
|
--button-hover-bg: transparent;
|
|
--button-active-bg: transparent;
|
|
--button-text-color: var(--default-foreground);
|
|
border-color:var(--button-border-color)}.btn--outline:hover:not(.btn--disabled){border-color:var(--accent);
|
|
color:var(--accent)}.btn--outline:active:not(.btn--disabled){opacity:.7}.btn--text{--button-bg: transparent;
|
|
--button-hover-bg: transparent;
|
|
--button-active-bg: transparent;
|
|
--button-text-color: var(--default-foreground);
|
|
border-color:rgba(0,0,0,0)}.btn--text:hover:not(.btn--disabled){text-decoration:underline}.btn--alert{--button-bg: var(--danger);
|
|
--button-hover-bg: color-mix(in srgb, var(--danger) 85%, #000);
|
|
--button-active-bg: color-mix(in srgb, var(--danger) 70%, #000);
|
|
--button-text-color: var(--danger-foreground)}.btn--disabled{opacity:var(--disabled-opacity);
|
|
cursor:not-allowed;
|
|
pointer-events:none}/*# sourceMappingURL=button.css.map */
|