@vuesax-alpha/nightly/theme-chalk/vs-var.css

A Component Library for Vue 3

:root{--vs-color:17,18,20;--vs-white:255,255,255;--vs-black:0,0,0;--vs-shadow-opacity:0.05;--vs-radius:20px;--vs-background-opacity:0.2;--vs-primary:25,91,255;--vs-primary-light-3:94,140,255;--vs-primary-light-5:140,173,255;--vs-primary-light-7:186,206,255;--vs-primary-light-8:209,222,255;--vs-primary-light-9:232,239,255;--vs-primary-dark-2:20,73,204;--vs-success:70,201,58;--vs-success-light-3:126,217,117;--vs-success-light-5:163,228,157;--vs-success-light-7:200,239,196;--vs-success-light-8:218,244,216;--vs-success-light-9:237,250,235;--vs-success-dark-2:56,161,46;--vs-warn:255,186,0;--vs-warn-light-3:255,207,77;--vs-warn-light-5:255,221,128;--vs-warn-light-7:255,234,179;--vs-warn-light-8:255,241,204;--vs-warn-light-9:255,248,230;--vs-warn-dark-2:204,149,0;--vs-danger:255,71,87;--vs-danger-light-3:255,126,137;--vs-danger-light-5:255,163,171;--vs-danger-light-7:255,200,205;--vs-danger-light-8:255,218,221;--vs-danger-light-9:255,237,238;--vs-danger-dark-2:204,57,70;--vs-error:255,71,87;--vs-error-light-3:255,126,137;--vs-error-light-5:255,163,171;--vs-error-light-7:255,200,205;--vs-error-light-8:255,218,221;--vs-error-light-9:255,237,238;--vs-error-dark-2:204,57,70;--vs-info:144,147,153;--vs-info-light-3:177,179,184;--vs-info-light-5:200,201,204;--vs-info-light-7:222,223,224;--vs-info-light-8:233,233,235;--vs-info-light-9:244,244,245;--vs-info-dark-2:115,118,122;--vs-dark:30,30,30;--vs-dark-light-3:98,98,98;--vs-dark-light-5:143,143,143;--vs-dark-light-7:188,188,188;--vs-dark-light-8:210,210,210;--vs-dark-light-9:233,233,233;--vs-dark-dark-2:24,24,24;--vs-light:244,247,248;--vs-light-light-3:247,249,250;--vs-light-light-5:250,251,252;--vs-light-light-7:252,253,253;--vs-light-light-8:253,253,254;--vs-light-light-9:254,254,254;--vs-light-dark-2:195,198,198;--vs-facebook:59,89,153;--vs-twitter:29,161,242;--vs-youtube:255,0,0;--vs-pinterest:189,8,28;--vs-linkedin:0,119,181;--vs-snapchat:255,252,0;--vs-whatsapp:37,211,102;--vs-tumblr:54,70,93;--vs-reddit:255,69,0;--vs-spotify:30,215,96;--vs-amazon:255,153,0;--vs-medium:2,184,117;--vs-vimeo:26,183,234;--vs-skype:0,175,240;--vs-dribbble:234,76,137;--vs-slack:74,21,75;--vs-yahoo:67,2,151;--vs-twitch:100,65,164;--vs-discord:114,137,218;--vs-telegram:0,136,204;--vs-google-plus:219,68,55;--vs-messenger:0,132,255;--vs-font-size-extra-large:20px;--vs-font-size-large:18px;--vs-font-size-medium:16px;--vs-font-size-base:14px;--vs-font-size-small:13px;--vs-font-size-extra-small:12px;--vs-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;--vs-font-weight-primary:500;--vs-font-line-height-primary:24px;--vs-index-normal:1;--vs-index-top:1000;--vs-index-popper:2000;--vs-border-radius-base:4px;--vs-border-radius-small:2px;--vs-border-radius-round:20px;--vs-border-radius-circle:100%;--vs-border-radius-full:99999px;--vs-gray-1:249,252,253;--vs-gray-2:244,247,248;--vs-gray-3:240,243,244;--vs-gray-4:230,233,234;--vs-divider:206,208,212;--vs-text:44,62,80;--vs-background:255,255,255;--vs-transition-duration:0.25s;--vs-transition-duration-fast:0.2s;--vs-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vs-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vs-transition-function-ease:ease;--vs-transition-all:all var(--vs-transition-duration) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-ease:all var(--vs-transition-duration) var(--vs-transition-function-ease);--vs-transition-fade:opacity var(--vs-transition-duration) var(--vs-transition-function-fast-bezier);--vs-transition-md-fade:transform var(--vs-transition-duration) var(--vs-transition-function-fast-bezier),opacity var(--vs-transition-duration) var(--vs-transition-function-fast-bezier);--vs-transition-fade-linear:opacity var(--vs-transition-duration-fast) linear;--vs-transition-border:border-color var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-box-shadow:box-shadow var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-color:color var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-component-size-large:40px;--vs-component-size:32px;--vs-component-size-small:24px}:root{color-scheme:light;--vs-white:255,255,255;--vs-black:0,0,0;--vs-primary:25,91,255;--vs-primary-light-3:94,140,255;--vs-primary-light-5:140,173,255;--vs-primary-light-7:186,206,255;--vs-primary-light-8:209,222,255;--vs-primary-light-9:232,239,255;--vs-primary-dark-2:20,73,204;--vs-success:70,201,58;--vs-success-light-3:126,217,117;--vs-success-light-5:163,228,157;--vs-success-light-7:200,239,196;--vs-success-light-8:218,244,216;--vs-success-light-9:237,250,235;--vs-success-dark-2:56,161,46;--vs-warn:255,186,0;--vs-warn-light-3:255,207,77;--vs-warn-light-5:255,221,128;--vs-warn-light-7:255,234,179;--vs-warn-light-8:255,241,204;--vs-warn-light-9:255,248,230;--vs-warn-dark-2:204,149,0;--vs-danger:255,71,87;--vs-danger-light-3:255,126,137;--vs-danger-light-5:255,163,171;--vs-danger-light-7:255,200,205;--vs-danger-light-8:255,218,221;--vs-danger-light-9:255,237,238;--vs-danger-dark-2:204,57,70;--vs-error:255,71,87;--vs-error-light-3:255,126,137;--vs-error-light-5:255,163,171;--vs-error-light-7:255,200,205;--vs-error-light-8:255,218,221;--vs-error-light-9:255,237,238;--vs-error-dark-2:204,57,70;--vs-info:144,147,153;--vs-info-light-3:177,179,184;--vs-info-light-5:200,201,204;--vs-info-light-7:222,223,224;--vs-info-light-8:233,233,235;--vs-info-light-9:244,244,245;--vs-info-dark-2:115,118,122;--vs-dark:30,30,30;--vs-dark-light-3:98,98,98;--vs-dark-light-5:143,143,143;--vs-dark-light-7:188,188,188;--vs-dark-light-8:210,210,210;--vs-dark-light-9:233,233,233;--vs-dark-dark-2:24,24,24;--vs-light:244,247,248;--vs-light-light-3:247,249,250;--vs-light-light-5:250,251,252;--vs-light-light-7:252,253,253;--vs-light-light-8:253,253,254;--vs-light-light-9:254,254,254;--vs-light-dark-2:195,198,198;--vs-bg-color:255,255,255;--vs-bg-color-page:242,243,245;--vs-bg-color-overlay:255,255,255;--vs-text-color:48,49,51;--vs-text-color-regular:96,98,102;--vs-text-color-secondary:144,147,153;--vs-text-color-placeholder:168,171,178;--vs-text-color-disabled:192,196,204;--vs-border-color:220,223,230;--vs-border-color-light:228,231,237;--vs-border-color-lighter:235,238,245;--vs-border-color-extra-light:242,246,252;--vs-border-color-dark:212,215,222;--vs-border-color-darker:205,208,214;--vs-fill-color:240,242,245;--vs-fill-color-light:245,247,250;--vs-fill-color-lighter:250,250,250;--vs-fill-color-extra-light:250,252,255;--vs-fill-color-dark:235,237,240;--vs-fill-color-darker:230,232,235;--vs-fill-color-blank:255,255,255;--vs-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vs-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vs-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vs-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vs-disabled-bg-color:var(--vs-fill-color-light);--vs-disabled-text-color:var(--vs-text-color-placeholder);--vs-disabled-border-color:var(--vs-border-color-light);--vs-z-index-normal:1;--vs-z-index-top:1000;--vs-z-index-popper:2000;--vs-overlay-color:rgba(0, 0, 0, 0.8);--vs-overlay-color-light:rgba(0, 0, 0, 0.7);--vs-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vs-mask-color:rgba(255, 255, 255, 0.9);--vs-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vs-border-width:1px;--vs-border-style:solid;--vs-border-color-hover:var(--vs-text-color-disabled);--vs-border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);--vs-svg-monochrome-grey:var(--vs-border-color)}[class*="--primary"]{--vs-color:var(--vs-primary)}[class*="--success"]{--vs-color:var(--vs-success)}[class*="--warn"]{--vs-color:var(--vs-warn)}[class*="--danger"]{--vs-color:var(--vs-danger)}[class*="--error"]{--vs-color:var(--vs-error)}[class*="--info"]{--vs-color:var(--vs-info)}[class*="--dark"]{--vs-color:var(--vs-dark)}[class*=component--default]{--vs-color:var(--vs-primary)}