test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-16 01:40:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
8933738e83
amis/packages/amis-ui/scss/_components.scss
qinhaoyan bc59853b17
style: 主题变量整理 (#5712) 
* style: 主题变量整理

* styles: 主题变量独立组件

* style: transfer style
2022-11-11 15:40:46 +08:00

900 lines
58 KiB
SCSS
Raw Blame History

// 新版主题标准组件变量
:root {
--button-default-default-top-border-color: var(--colors-neutral-line-8);
--button-default-default-top-border-style: var(--borders-style-2);
--button-default-default-top-border-width: var(--borders-width-2);
--button-default-default-left-border-color: var(--colors-neutral-line-8);
--button-default-default-left-border-style: var(--borders-style-2);
--button-default-default-left-border-width: var(--borders-width-2);
--button-default-default-right-border-color: var(--colors-neutral-line-8);
--button-default-default-right-border-style: var(--borders-style-2);
--button-default-default-right-border-width: var(--borders-width-2);
--button-default-default-bottom-border-color: var(--colors-neutral-line-8);
--button-default-default-bottom-border-style: var(--borders-style-2);
--button-default-default-bottom-border-width: var(--borders-width-2);
--button-default-default-shadow: var(--shadows-shadow-none);
--button-default-default-bg-color: var(--colors-neutral-fill-none);
--button-default-default-font-color: var(--colors-neutral-text-2);
--button-default-hover-top-border-color: var(--colors-brand-5);
--button-default-hover-top-border-style: var(--borders-style-2);
--button-default-hover-top-border-width: var(--borders-width-2);
--button-default-hover-left-border-color: var(--colors-brand-5);
--button-default-hover-left-border-style: var(--borders-style-2);
--button-default-hover-left-border-width: var(--borders-width-2);
--button-default-hover-right-border-color: var(--colors-brand-5);
--button-default-hover-right-border-style: var(--borders-style-2);
--button-default-hover-right-border-width: var(--borders-width-2);
--button-default-hover-bottom-border-color: var(--colors-brand-5);
--button-default-hover-bottom-border-style: var(--borders-style-2);
--button-default-hover-bottom-border-width: var(--borders-width-2);
--button-default-hover-shadow: var(--shadows-shadow-none);
--button-default-hover-bg-color: var(--colors-neutral-fill-none);
--button-default-hover-font-color: var(--colors-brand-5);
--button-default-active-top-border-color: var(--colors-brand-4);
--button-default-active-top-border-style: var(--borders-style-2);
--button-default-active-top-border-width: var(--borders-width-2);
--button-default-active-left-border-color: var(--colors-brand-4);
--button-default-active-left-border-style: var(--borders-style-2);
--button-default-active-left-border-width: var(--borders-width-2);
--button-default-active-right-border-color: var(--colors-brand-4);
--button-default-active-right-border-style: var(--borders-style-2);
--button-default-active-right-border-width: var(--borders-width-2);
--button-default-active-bottom-border-color: var(--colors-brand-4);
--button-default-active-bottom-border-style: var(--borders-style-2);
--button-default-active-bottom-border-width: var(--borders-width-2);
--button-default-active-shadow: var(--shadows-shadow-none);
--button-default-active-bg-color: var(--colors-neutral-fill-none);
--button-default-active-font-color: var(--colors-brand-4);
--button-default-disabled-top-border-color: var(--colors-neutral-line-8);
--button-default-disabled-top-border-style: var(--borders-style-2);
--button-default-disabled-top-border-width: var(--borders-width-2);
--button-default-disabled-left-border-color: var(--colors-neutral-line-8);
--button-default-disabled-left-border-style: var(--borders-style-2);
--button-default-disabled-left-border-width: var(--borders-width-2);
--button-default-disabled-right-border-color: var(--colors-neutral-line-8);
--button-default-disabled-right-border-style: var(--borders-style-2);
--button-default-disabled-right-border-width: var(--borders-width-2);
--button-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-default-disabled-bottom-border-style: var(--borders-style-2);
--button-default-disabled-bottom-border-width: var(--borders-width-2);
--button-default-disabled-shadow: var(--shadows-shadow-none);
--button-default-disabled-bg-color: var(--colors-neutral-fill-10);
--button-default-disabled-font-color: var(--colors-neutral-text-6);
--button-primary-default-top-border-color: var(--colors-brand-5);
--button-primary-default-top-border-style: var(--borders-style-2);
--button-primary-default-top-border-width: var(--borders-width-2);
--button-primary-default-left-border-color: var(--colors-brand-5);
--button-primary-default-left-border-style: var(--borders-style-2);
--button-primary-default-left-border-width: var(--borders-width-2);
--button-primary-default-right-border-color: var(--colors-brand-5);
--button-primary-default-right-border-style: var(--borders-style-2);
--button-primary-default-right-border-width: var(--borders-width-2);
--button-primary-default-bottom-border-color: var(--colors-brand-5);
--button-primary-default-bottom-border-style: var(--borders-style-2);
--button-primary-default-bottom-border-width: var(--borders-width-2);
--button-primary-default-shadow: var(--shadows-shadow-none);
--button-primary-default-bg-color: var(--colors-brand-5);
--button-primary-default-font-color: var(--colors-neutral-text-11);
--button-primary-hover-top-border-color: var(--colors-brand-6);
--button-primary-hover-top-border-style: var(--borders-style-2);
--button-primary-hover-top-border-width: var(--borders-width-2);
--button-primary-hover-left-border-color: var(--colors-brand-6);
--button-primary-hover-left-border-style: var(--borders-style-2);
--button-primary-hover-left-border-width: var(--borders-width-2);
--button-primary-hover-right-border-color: var(--colors-brand-6);
--button-primary-hover-right-border-style: var(--borders-style-2);
--button-primary-hover-right-border-width: var(--borders-width-2);
--button-primary-hover-bottom-border-color: var(--colors-brand-6);
--button-primary-hover-bottom-border-style: var(--borders-style-2);
--button-primary-hover-bottom-border-width: var(--borders-width-2);
--button-primary-hover-shadow: var(--shadows-shadow-none);
--button-primary-hover-bg-color: var(--colors-brand-6);
--button-primary-hover-font-color: var(--colors-neutral-text-11);
--button-primary-active-top-border-color: var(--colors-brand-4);
--button-primary-active-top-border-style: var(--borders-style-2);
--button-primary-active-top-border-width: var(--borders-width-2);
--button-primary-active-left-border-color: var(--colors-brand-4);
--button-primary-active-left-border-style: var(--borders-style-2);
--button-primary-active-left-border-width: var(--borders-width-2);
--button-primary-active-right-border-color: var(--colors-brand-4);
--button-primary-active-right-border-style: var(--borders-style-2);
--button-primary-active-right-border-width: var(--borders-width-2);
--button-primary-active-bottom-border-color: var(--colors-brand-4);
--button-primary-active-bottom-border-style: var(--borders-style-2);
--button-primary-active-bottom-border-width: var(--borders-width-2);
--button-primary-active-shadow: var(--shadows-shadow-none);
--button-primary-active-bg-color: var(--colors-brand-4);
--button-primary-active-font-color: var(--colors-neutral-text-11);
--button-primary-disabled-top-border-color: var(--colors-neutral-line-8);
--button-primary-disabled-top-border-style: var(--borders-style-2);
--button-primary-disabled-top-border-width: var(--borders-width-2);
--button-primary-disabled-left-border-color: var(--colors-neutral-line-8);
--button-primary-disabled-left-border-style: var(--borders-style-2);
--button-primary-disabled-left-border-width: var(--borders-width-2);
--button-primary-disabled-right-border-color: var(--colors-neutral-line-8);
--button-primary-disabled-right-border-style: var(--borders-style-2);
--button-primary-disabled-right-border-width: var(--borders-width-2);
--button-primary-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-primary-disabled-bottom-border-style: var(--borders-style-2);
--button-primary-disabled-bottom-border-width: var(--borders-width-2);
--button-primary-disabled-shadow: var(--shadows-shadow-none);
--button-primary-disabled-bg-color: var(--colors-neutral-fill-10);
--button-primary-disabled-font-color: var(--colors-neutral-text-6);
--button-secondary-default-top-border-color: var(--colors-neutral-line-6);
--button-secondary-default-top-border-style: var(--borders-style-2);
--button-secondary-default-top-border-width: var(--borders-width-2);
--button-secondary-default-left-border-color: var(--colors-neutral-line-6);
--button-secondary-default-left-border-style: var(--borders-style-2);
--button-secondary-default-left-border-width: var(--borders-width-2);
--button-secondary-default-right-border-color: var(--colors-neutral-line-6);
--button-secondary-default-right-border-style: var(--borders-style-2);
--button-secondary-default-right-border-width: var(--borders-width-2);
--button-secondary-default-bottom-border-color: var(--colors-neutral-line-6);
--button-secondary-default-bottom-border-style: var(--borders-style-2);
--button-secondary-default-bottom-border-width: var(--borders-width-2);
--button-secondary-default-shadow: var(--shadows-shadow-none);
--button-secondary-default-bg-color: var(--colors-neutral-fill-6);
--button-secondary-default-font-color: var(--colors-neutral-text-11);
--button-secondary-hover-top-border-color: var(--colors-neutral-line-5);
--button-secondary-hover-top-border-style: var(--borders-style-2);
--button-secondary-hover-top-border-width: var(--borders-width-2);
--button-secondary-hover-left-border-color: var(--colors-neutral-line-5);
--button-secondary-hover-left-border-style: var(--borders-style-2);
--button-secondary-hover-left-border-width: var(--borders-width-2);
--button-secondary-hover-right-border-color: var(--colors-neutral-line-5);
--button-secondary-hover-right-border-style: var(--borders-style-2);
--button-secondary-hover-right-border-width: var(--borders-width-2);
--button-secondary-hover-bottom-border-color: var(--colors-neutral-line-5);
--button-secondary-hover-bottom-border-style: var(--borders-style-2);
--button-secondary-hover-bottom-border-width: var(--borders-width-2);
--button-secondary-hover-shadow: var(--shadows-shadow-none);
--button-secondary-hover-bg-color: var(--colors-neutral-fill-5);
--button-secondary-hover-font-color: var(--colors-neutral-text-11);
--button-secondary-active-top-border-color: var(--colors-neutral-line-4);
--button-secondary-active-top-border-style: var(--borders-style-2);
--button-secondary-active-top-border-width: var(--borders-width-2);
--button-secondary-active-left-border-color: var(--colors-neutral-line-4);
--button-secondary-active-left-border-style: var(--borders-style-2);
--button-secondary-active-left-border-width: var(--borders-width-2);
--button-secondary-active-right-border-color: var(--colors-neutral-line-4);
--button-secondary-active-right-border-style: var(--borders-style-2);
--button-secondary-active-right-border-width: var(--borders-width-2);
--button-secondary-active-bottom-border-color: var(--colors-neutral-line-4);
--button-secondary-active-bottom-border-style: var(--borders-style-2);
--button-secondary-active-bottom-border-width: var(--borders-width-2);
--button-secondary-active-shadow: var(--shadows-shadow-none);
--button-secondary-active-bg-color: var(--colors-neutral-fill-4);
--button-secondary-active-font-color: var(--colors-neutral-text-11);
--button-secondary-disabled-top-border-color: var(--colors-neutral-line-8);
--button-secondary-disabled-top-border-style: var(--borders-style-2);
--button-secondary-disabled-top-border-width: var(--borders-width-2);
--button-secondary-disabled-left-border-color: var(--colors-neutral-line-8);
--button-secondary-disabled-left-border-style: var(--borders-style-2);
--button-secondary-disabled-left-border-width: var(--borders-width-2);
--button-secondary-disabled-right-border-color: var(--colors-neutral-line-8);
--button-secondary-disabled-right-border-style: var(--borders-style-2);
--button-secondary-disabled-right-border-width: var(--borders-width-2);
--button-secondary-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-secondary-disabled-bottom-border-style: var(--borders-style-2);
--button-secondary-disabled-bottom-border-width: var(--borders-width-2);
--button-secondary-disabled-shadow: var(--shadows-shadow-none);
--button-secondary-disabled-bg-color: var(--colors-neutral-fill-10);
--button-secondary-disabled-font-color: var(--colors-neutral-text-6);
--button-enhance-default-top-border-color: var(--colors-brand-5);
--button-enhance-default-top-border-style: var(--borders-style-2);
--button-enhance-default-top-border-width: var(--borders-width-2);
--button-enhance-default-left-border-color: var(--colors-brand-5);
--button-enhance-default-left-border-style: var(--borders-style-2);
--button-enhance-default-left-border-width: var(--borders-width-2);
--button-enhance-default-right-border-color: var(--colors-brand-5);
--button-enhance-default-right-border-style: var(--borders-style-2);
--button-enhance-default-right-border-width: var(--borders-width-2);
--button-enhance-default-bottom-border-color: var(--colors-brand-5);
--button-enhance-default-bottom-border-style: var(--borders-style-2);
--button-enhance-default-bottom-border-width: var(--borders-width-2);
--button-enhance-default-shadow: var(--shadows-shadow-none);
--button-enhance-default-bg-color: var(--colors-neutral-fill-none);
--button-enhance-default-font-color: var(--colors-brand-5);
--button-enhance-hover-top-border-color: var(--colors-brand-6);
--button-enhance-hover-top-border-style: var(--borders-style-2);
--button-enhance-hover-top-border-width: var(--borders-width-2);
--button-enhance-hover-left-border-color: var(--colors-brand-6);
--button-enhance-hover-left-border-style: var(--borders-style-2);
--button-enhance-hover-left-border-width: var(--borders-width-2);
--button-enhance-hover-right-border-color: var(--colors-brand-6);
--button-enhance-hover-right-border-style: var(--borders-style-2);
--button-enhance-hover-right-border-width: var(--borders-width-2);
--button-enhance-hover-bottom-border-color: var(--colors-brand-6);
--button-enhance-hover-bottom-border-style: var(--borders-style-2);
--button-enhance-hover-bottom-border-width: var(--borders-width-2);
--button-enhance-hover-shadow: var(--shadows-shadow-none);
--button-enhance-hover-bg-color: var(--colors-neutral-fill-none);
--button-enhance-hover-font-color: var(--colors-brand-6);
--button-enhance-active-top-border-color: var(--colors-brand-4);
--button-enhance-active-top-border-style: var(--borders-style-2);
--button-enhance-active-top-border-width: var(--borders-width-2);
--button-enhance-active-left-border-color: var(--colors-brand-4);
--button-enhance-active-left-border-style: var(--borders-style-2);
--button-enhance-active-left-border-width: var(--borders-width-2);
--button-enhance-active-right-border-color: var(--colors-brand-4);
--button-enhance-active-right-border-style: var(--borders-style-2);
--button-enhance-active-right-border-width: var(--borders-width-2);
--button-enhance-active-bottom-border-color: var(--colors-brand-4);
--button-enhance-active-bottom-border-style: var(--borders-style-2);
--button-enhance-active-bottom-border-width: var(--borders-width-2);
--button-enhance-active-shadow: var(--shadows-shadow-none);
--button-enhance-active-bg-color: var(--colors-neutral-fill-none);
--button-enhance-active-font-color: var(--colors-brand-4);
--button-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
--button-enhance-disabled-top-border-style: var(--borders-style-2);
--button-enhance-disabled-top-border-width: var(--borders-width-2);
--button-enhance-disabled-left-border-color: var(--colors-neutral-line-8);
--button-enhance-disabled-left-border-style: var(--borders-style-2);
--button-enhance-disabled-left-border-width: var(--borders-width-2);
--button-enhance-disabled-right-border-color: var(--colors-neutral-line-8);
--button-enhance-disabled-right-border-style: var(--borders-style-2);
--button-enhance-disabled-right-border-width: var(--borders-width-2);
--button-enhance-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-enhance-disabled-bottom-border-style: var(--borders-style-2);
--button-enhance-disabled-bottom-border-width: var(--borders-width-2);
--button-enhance-disabled-shadow: var(--shadows-shadow-none);
--button-enhance-disabled-bg-color: var(--colors-neutral-fill-10);
--button-enhance-disabled-font-color: var(--colors-neutral-text-6);
--button-info-default-top-border-color: var(--colors-info-5);
--button-info-default-top-border-style: var(--borders-style-2);
--button-info-default-top-border-width: var(--borders-width-2);
--button-info-default-left-border-color: var(--colors-info-5);
--button-info-default-left-border-style: var(--borders-style-2);
--button-info-default-left-border-width: var(--borders-width-2);
--button-info-default-right-border-color: var(--colors-info-5);
--button-info-default-right-border-style: var(--borders-style-2);
--button-info-default-right-border-width: var(--borders-width-2);
--button-info-default-bottom-border-color: var(--colors-info-5);
--button-info-default-bottom-border-style: var(--borders-style-2);
--button-info-default-bottom-border-width: var(--borders-width-2);
--button-info-default-shadow: var(--shadows-shadow-none);
--button-info-default-bg-color: var(--colors-info-5);
--button-info-default-font-color: var(--colors-neutral-text-11);
--button-info-hover-top-border-color: var(--colors-info-6);
--button-info-hover-top-border-style: var(--borders-style-2);
--button-info-hover-top-border-width: var(--borders-width-2);
--button-info-hover-left-border-color: var(--colors-info-6);
--button-info-hover-left-border-style: var(--borders-style-2);
--button-info-hover-left-border-width: var(--borders-width-2);
--button-info-hover-right-border-color: var(--colors-info-6);
--button-info-hover-right-border-style: var(--borders-style-2);
--button-info-hover-right-border-width: var(--borders-width-2);
--button-info-hover-bottom-border-color: var(--colors-info-6);
--button-info-hover-bottom-border-style: var(--borders-style-2);
--button-info-hover-bottom-border-width: var(--borders-width-2);
--button-info-hover-shadow: var(--shadows-shadow-none);
--button-info-hover-bg-color: var(--colors-info-6);
--button-info-hover-font-color: var(--colors-neutral-text-11);
--button-info-active-top-border-color: var(--colors-info-4);
--button-info-active-top-border-style: var(--borders-style-2);
--button-info-active-top-border-width: var(--borders-width-2);
--button-info-active-left-border-color: var(--colors-info-4);
--button-info-active-left-border-style: var(--borders-style-2);
--button-info-active-left-border-width: var(--borders-width-2);
--button-info-active-right-border-color: var(--colors-info-4);
--button-info-active-right-border-style: var(--borders-style-2);
--button-info-active-right-border-width: var(--borders-width-2);
--button-info-active-bottom-border-color: var(--colors-info-4);
--button-info-active-bottom-border-style: var(--borders-style-2);
--button-info-active-bottom-border-width: var(--borders-width-2);
--button-info-active-shadow: var(--shadows-shadow-none);
--button-info-active-bg-color: var(--colors-info-4);
--button-info-active-font-color: var(--colors-neutral-text-11);
--button-info-disabled-top-border-color: var(--colors-neutral-line-8);
--button-info-disabled-top-border-style: var(--borders-style-2);
--button-info-disabled-top-border-width: var(--borders-width-2);
--button-info-disabled-left-border-color: var(--colors-neutral-line-8);
--button-info-disabled-left-border-style: var(--borders-style-2);
--button-info-disabled-left-border-width: var(--borders-width-2);
--button-info-disabled-right-border-color: var(--colors-neutral-line-8);
--button-info-disabled-right-border-style: var(--borders-style-2);
--button-info-disabled-right-border-width: var(--borders-width-2);
--button-info-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-info-disabled-bottom-border-style: var(--borders-style-2);
--button-info-disabled-bottom-border-width: var(--borders-width-2);
--button-info-disabled-shadow: var(--shadows-shadow-none);
--button-info-disabled-bg-color: var(--colors-neutral-fill-10);
--button-info-disabled-font-color: var(--colors-neutral-text-6);
--button-success-default-top-border-color: var(--colors-success-5);
--button-success-default-top-border-style: var(--borders-style-2);
--button-success-default-top-border-width: var(--borders-width-2);
--button-success-default-left-border-color: var(--colors-success-5);
--button-success-default-left-border-style: var(--borders-style-2);
--button-success-default-left-border-width: var(--borders-width-2);
--button-success-default-right-border-color: var(--colors-success-5);
--button-success-default-right-border-style: var(--borders-style-2);
--button-success-default-right-border-width: var(--borders-width-2);
--button-success-default-bottom-border-color: var(--colors-success-5);
--button-success-default-bottom-border-style: var(--borders-style-2);
--button-success-default-bottom-border-width: var(--borders-width-2);
--button-success-default-shadow: var(--shadows-shadow-none);
--button-success-default-bg-color: var(--colors-success-5);
--button-success-default-font-color: var(--colors-neutral-text-11);
--button-success-hover-top-border-color: var(--colors-success-6);
--button-success-hover-top-border-style: var(--borders-style-2);
--button-success-hover-top-border-width: var(--borders-width-2);
--button-success-hover-left-border-color: var(--colors-success-6);
--button-success-hover-left-border-style: var(--borders-style-2);
--button-success-hover-left-border-width: var(--borders-width-2);
--button-success-hover-right-border-color: var(--colors-success-6);
--button-success-hover-right-border-style: var(--borders-style-2);
--button-success-hover-right-border-width: var(--borders-width-2);
--button-success-hover-bottom-border-color: var(--colors-success-6);
--button-success-hover-bottom-border-style: var(--borders-style-2);
--button-success-hover-bottom-border-width: var(--borders-width-2);
--button-success-hover-shadow: var(--shadows-shadow-none);
--button-success-hover-bg-color: var(--colors-success-6);
--button-success-hover-font-color: var(--colors-neutral-text-11);
--button-success-active-top-border-color: var(--colors-success-4);
--button-success-active-top-border-style: var(--borders-style-2);
--button-success-active-top-border-width: var(--borders-width-2);
--button-success-active-left-border-color: var(--colors-success-4);
--button-success-active-left-border-style: var(--borders-style-2);
--button-success-active-left-border-width: var(--borders-width-2);
--button-success-active-right-border-color: var(--colors-success-4);
--button-success-active-right-border-style: var(--borders-style-2);
--button-success-active-right-border-width: var(--borders-width-2);
--button-success-active-bottom-border-color: var(--colors-success-4);
--button-success-active-bottom-border-style: var(--borders-style-2);
--button-success-active-bottom-border-width: var(--borders-width-2);
--button-success-active-shadow: var(--shadows-shadow-none);
--button-success-active-bg-color: var(--colors-success-4);
--button-success-active-font-color: var(--colors-neutral-text-11);
--button-success-disabled-top-border-color: var(--colors-neutral-line-8);
--button-success-disabled-top-border-style: var(--borders-style-2);
--button-success-disabled-top-border-width: var(--borders-width-2);
--button-success-disabled-left-border-color: var(--colors-neutral-line-8);
--button-success-disabled-left-border-style: var(--borders-style-2);
--button-success-disabled-left-border-width: var(--borders-width-2);
--button-success-disabled-right-border-color: var(--colors-neutral-line-8);
--button-success-disabled-right-border-style: var(--borders-style-2);
--button-success-disabled-right-border-width: var(--borders-width-2);
--button-success-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-success-disabled-bottom-border-style: var(--borders-style-2);
--button-success-disabled-bottom-border-width: var(--borders-width-2);
--button-success-disabled-shadow: var(--shadows-shadow-none);
--button-success-disabled-bg-color: var(--colors-neutral-fill-10);
--button-success-disabled-font-color: var(--colors-neutral-text-6);
--button-warning-default-top-border-color: var(--colors-warning-5);
--button-warning-default-top-border-style: var(--borders-style-2);
--button-warning-default-top-border-width: var(--borders-width-2);
--button-warning-default-left-border-color: var(--colors-warning-5);
--button-warning-default-left-border-style: var(--borders-style-2);
--button-warning-default-left-border-width: var(--borders-width-2);
--button-warning-default-right-border-color: var(--colors-warning-5);
--button-warning-default-right-border-style: var(--borders-style-2);
--button-warning-default-right-border-width: var(--borders-width-2);
--button-warning-default-bottom-border-color: var(--colors-warning-5);
--button-warning-default-bottom-border-style: var(--borders-style-2);
--button-warning-default-bottom-border-width: var(--borders-width-2);
--button-warning-default-shadow: var(--shadows-shadow-none);
--button-warning-default-bg-color: var(--colors-warning-5);
--button-warning-default-font-color: var(--colors-neutral-text-11);
--button-warning-hover-top-border-color: var(--colors-warning-6);
--button-warning-hover-top-border-style: var(--borders-style-2);
--button-warning-hover-top-border-width: var(--borders-width-2);
--button-warning-hover-left-border-color: var(--colors-warning-6);
--button-warning-hover-left-border-style: var(--borders-style-2);
--button-warning-hover-left-border-width: var(--borders-width-2);
--button-warning-hover-right-border-color: var(--colors-warning-6);
--button-warning-hover-right-border-style: var(--borders-style-2);
--button-warning-hover-right-border-width: var(--borders-width-2);
--button-warning-hover-bottom-border-color: var(--colors-warning-6);
--button-warning-hover-bottom-border-style: var(--borders-style-2);
--button-warning-hover-bottom-border-width: var(--borders-width-2);
--button-warning-hover-shadow: var(--shadows-shadow-none);
--button-warning-hover-bg-color: var(--colors-warning-6);
--button-warning-hover-font-color: var(--colors-neutral-text-11);
--button-warning-active-top-border-color: var(--colors-warning-4);
--button-warning-active-top-border-style: var(--borders-style-2);
--button-warning-active-top-border-width: var(--borders-width-2);
--button-warning-active-left-border-color: var(--colors-warning-4);
--button-warning-active-left-border-style: var(--borders-style-2);
--button-warning-active-left-border-width: var(--borders-width-2);
--button-warning-active-right-border-color: var(--colors-warning-4);
--button-warning-active-right-border-style: var(--borders-style-2);
--button-warning-active-right-border-width: var(--borders-width-2);
--button-warning-active-bottom-border-color: var(--colors-warning-4);
--button-warning-active-bottom-border-style: var(--borders-style-2);
--button-warning-active-bottom-border-width: var(--borders-width-2);
--button-warning-active-shadow: var(--shadows-shadow-none);
--button-warning-active-bg-color: var(--colors-warning-4);
--button-warning-active-font-color: var(--colors-neutral-text-11);
--button-warning-disabled-top-border-color: var(--colors-neutral-line-8);
--button-warning-disabled-top-border-style: var(--borders-style-2);
--button-warning-disabled-top-border-width: var(--borders-width-2);
--button-warning-disabled-left-border-color: var(--colors-neutral-line-8);
--button-warning-disabled-left-border-style: var(--borders-style-2);
--button-warning-disabled-left-border-width: var(--borders-width-2);
--button-warning-disabled-right-border-color: var(--colors-neutral-line-8);
--button-warning-disabled-right-border-style: var(--borders-style-2);
--button-warning-disabled-right-border-width: var(--borders-width-2);
--button-warning-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-warning-disabled-bottom-border-style: var(--borders-style-2);
--button-warning-disabled-bottom-border-width: var(--borders-width-2);
--button-warning-disabled-shadow: var(--shadows-shadow-none);
--button-warning-disabled-bg-color: var(--colors-neutral-fill-10);
--button-warning-disabled-font-color: var(--colors-neutral-text-6);
--button-danger-default-top-border-color: var(--colors-error-5);
--button-danger-default-top-border-style: var(--borders-style-1);
--button-danger-default-top-border-width: var(--borders-width-1);
--button-danger-default-left-border-color: var(--colors-error-5);
--button-danger-default-left-border-style: var(--borders-style-1);
--button-danger-default-left-border-width: var(--borders-width-1);
--button-danger-default-right-border-color: var(--colors-error-5);
--button-danger-default-right-border-style: var(--borders-style-1);
--button-danger-default-right-border-width: var(--borders-width-1);
--button-danger-default-bottom-border-color: var(--colors-error-5);
--button-danger-default-bottom-border-style: var(--borders-style-1);
--button-danger-default-bottom-border-width: var(--borders-width-1);
--button-danger-default-shadow: var(--shadows-shadow-none);
--button-danger-default-bg-color: var(--colors-error-5);
--button-danger-default-font-color: var(--colors-neutral-text-11);
--button-danger-hover-top-border-color: var(--colors-error-6);
--button-danger-hover-top-border-style: var(--borders-style-1);
--button-danger-hover-top-border-width: var(--borders-width-1);
--button-danger-hover-left-border-color: var(--colors-error-6);
--button-danger-hover-left-border-style: var(--borders-style-1);
--button-danger-hover-left-border-width: var(--borders-width-1);
--button-danger-hover-right-border-color: var(--colors-error-6);
--button-danger-hover-right-border-style: var(--borders-style-1);
--button-danger-hover-right-border-width: var(--borders-width-1);
--button-danger-hover-bottom-border-color: var(--colors-error-6);
--button-danger-hover-bottom-border-style: var(--borders-style-1);
--button-danger-hover-bottom-border-width: var(--borders-width-1);
--button-danger-hover-shadow: var(--shadows-shadow-none);
--button-danger-hover-bg-color: var(--colors-error-6);
--button-danger-hover-font-color: var(--colors-neutral-text-11);
--button-danger-active-top-border-color: var(--colors-error-4);
--button-danger-active-top-border-style: var(--borders-style-1);
--button-danger-active-top-border-width: var(--borders-width-1);
--button-danger-active-left-border-color: var(--colors-error-4);
--button-danger-active-left-border-style: var(--borders-style-1);
--button-danger-active-left-border-width: var(--borders-width-1);
--button-danger-active-right-border-color: var(--colors-error-4);
--button-danger-active-right-border-style: var(--borders-style-1);
--button-danger-active-right-border-width: var(--borders-width-1);
--button-danger-active-bottom-border-color: var(--colors-error-4);
--button-danger-active-bottom-border-style: var(--borders-style-1);
--button-danger-active-bottom-border-width: var(--borders-width-1);
--button-danger-active-shadow: var(--shadows-shadow-none);
--button-danger-active-bg-color: var(--colors-error-4);
--button-danger-active-font-color: var(--colors-neutral-text-11);
--button-danger-disabled-top-border-color: var(--colors-neutral-line-8);
--button-danger-disabled-top-border-style: var(--borders-style-2);
--button-danger-disabled-top-border-width: var(--borders-width-2);
--button-danger-disabled-left-border-color: var(--colors-neutral-line-8);
--button-danger-disabled-left-border-style: var(--borders-style-2);
--button-danger-disabled-left-border-width: var(--borders-width-2);
--button-danger-disabled-right-border-color: var(--colors-neutral-line-8);
--button-danger-disabled-right-border-style: var(--borders-style-2);
--button-danger-disabled-right-border-width: var(--borders-width-2);
--button-danger-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-danger-disabled-bottom-border-style: var(--borders-style-2);
--button-danger-disabled-bottom-border-width: var(--borders-width-2);
--button-danger-disabled-shadow: var(--shadows-shadow-none);
--button-danger-disabled-bg-color: var(--colors-neutral-fill-10);
--button-danger-disabled-font-color: var(--colors-neutral-text-6);
--button-light-default-top-border-color: var(--colors-brand-10);
--button-light-default-top-border-style: var(--borders-style-2);
--button-light-default-top-border-width: var(--borders-width-2);
--button-light-default-left-border-color: var(--colors-brand-10);
--button-light-default-left-border-style: var(--borders-style-2);
--button-light-default-left-border-width: var(--borders-width-2);
--button-light-default-right-border-color: var(--colors-brand-10);
--button-light-default-right-border-style: var(--borders-style-2);
--button-light-default-right-border-width: var(--borders-width-2);
--button-light-default-bottom-border-color: var(--colors-brand-10);
--button-light-default-bottom-border-style: var(--borders-style-2);
--button-light-default-bottom-border-width: var(--borders-width-2);
--button-light-default-shadow: var(--shadows-shadow-none);
--button-light-default-bg-color: var(--colors-brand-10);
--button-light-default-font-color: var(--colors-neutral-text-2);
--button-light-hover-top-border-color: var(--colors-brand-9);
--button-light-hover-top-border-style: var(--borders-style-2);
--button-light-hover-top-border-width: var(--borders-width-2);
--button-light-hover-left-border-color: var(--colors-brand-9);
--button-light-hover-left-border-style: var(--borders-style-2);
--button-light-hover-left-border-width: var(--borders-width-2);
--button-light-hover-right-border-color: var(--colors-brand-9);
--button-light-hover-right-border-style: var(--borders-style-2);
--button-light-hover-right-border-width: var(--borders-width-2);
--button-light-hover-bottom-border-color: var(--colors-brand-9);
--button-light-hover-bottom-border-style: var(--borders-style-2);
--button-light-hover-bottom-border-width: var(--borders-width-2);
--button-light-hover-shadow: var(--shadows-shadow-none);
--button-light-hover-bg-color: var(--colors-brand-9);
--button-light-hover-font-color: var(--colors-neutral-text-2);
--button-light-active-top-border-color: var(--colors-brand-7);
--button-light-active-top-border-style: var(--borders-style-2);
--button-light-active-top-border-width: var(--borders-width-2);
--button-light-active-left-border-color: var(--colors-brand-7);
--button-light-active-left-border-style: var(--borders-style-2);
--button-light-active-left-border-width: var(--borders-width-2);
--button-light-active-right-border-color: var(--colors-brand-7);
--button-light-active-right-border-style: var(--borders-style-2);
--button-light-active-right-border-width: var(--borders-width-2);
--button-light-active-bottom-border-color: var(--colors-brand-7);
--button-light-active-bottom-border-style: var(--borders-style-2);
--button-light-active-bottom-border-width: var(--borders-width-2);
--button-light-active-shadow: var(--shadows-shadow-none);
--button-light-active-bg-color: var(--colors-brand-7);
--button-light-active-font-color: var(--colors-neutral-text-2);
--button-light-disabled-top-border-color: var(--colors-neutral-line-8);
--button-light-disabled-top-border-style: var(--borders-style-2);
--button-light-disabled-top-border-width: var(--borders-width-2);
--button-light-disabled-left-border-color: var(--colors-neutral-line-8);
--button-light-disabled-left-border-style: var(--borders-style-2);
--button-light-disabled-left-border-width: var(--borders-width-2);
--button-light-disabled-right-border-color: var(--colors-neutral-line-8);
--button-light-disabled-right-border-style: var(--borders-style-2);
--button-light-disabled-right-border-width: var(--borders-width-2);
--button-light-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-light-disabled-bottom-border-style: var(--borders-style-2);
--button-light-disabled-bottom-border-width: var(--borders-width-2);
--button-light-disabled-shadow: var(--shadows-shadow-none);
--button-light-disabled-bg-color: var(--colors-neutral-fill-10);
--button-light-disabled-font-color: var(--colors-neutral-text-6);
--button-dark-default-top-border-color: var(--colors-neutral-line-3);
--button-dark-default-top-border-style: var(--borders-style-2);
--button-dark-default-top-border-width: var(--borders-width-2);
--button-dark-default-left-border-color: var(--colors-neutral-line-3);
--button-dark-default-left-border-style: var(--borders-style-2);
--button-dark-default-left-border-width: var(--borders-width-2);
--button-dark-default-right-border-color: var(--colors-neutral-line-3);
--button-dark-default-right-border-style: var(--borders-style-2);
--button-dark-default-right-border-width: var(--borders-width-2);
--button-dark-default-bottom-border-color: var(--colors-neutral-line-3);
--button-dark-default-bottom-border-style: var(--borders-style-2);
--button-dark-default-bottom-border-width: var(--borders-width-2);
--button-dark-default-shadow: var(--shadows-shadow-none);
--button-dark-default-bg-color: var(--colors-neutral-fill-3);
--button-dark-default-font-color: var(--colors-neutral-text-11);
--button-dark-hover-top-border-color: var(--colors-neutral-line-4);
--button-dark-hover-top-border-style: var(--borders-style-2);
--button-dark-hover-top-border-width: var(--borders-width-2);
--button-dark-hover-left-border-color: var(--colors-neutral-line-4);
--button-dark-hover-left-border-style: var(--borders-style-2);
--button-dark-hover-left-border-width: var(--borders-width-2);
--button-dark-hover-right-border-color: var(--colors-neutral-line-4);
--button-dark-hover-right-border-style: var(--borders-style-2);
--button-dark-hover-right-border-width: var(--borders-width-2);
--button-dark-hover-bottom-border-color: var(--colors-neutral-line-4);
--button-dark-hover-bottom-border-style: var(--borders-style-2);
--button-dark-hover-bottom-border-width: var(--borders-width-2);
--button-dark-hover-shadow: var(--shadows-shadow-none);
--button-dark-hover-bg-color: var(--colors-neutral-fill-4);
--button-dark-hover-font-color: var(--colors-neutral-text-11);
--button-dark-active-top-border-color: var(--colors-neutral-line-5);
--button-dark-active-top-border-style: var(--borders-style-2);
--button-dark-active-top-border-width: var(--borders-width-2);
--button-dark-active-left-border-color: var(--colors-neutral-line-5);
--button-dark-active-left-border-style: var(--borders-style-2);
--button-dark-active-left-border-width: var(--borders-width-2);
--button-dark-active-right-border-color: var(--colors-neutral-line-5);
--button-dark-active-right-border-style: var(--borders-style-2);
--button-dark-active-right-border-width: var(--borders-width-2);
--button-dark-active-bottom-border-color: var(--colors-neutral-line-5);
--button-dark-active-bottom-border-style: var(--borders-style-2);
--button-dark-active-bottom-border-width: var(--borders-width-2);
--button-dark-active-shadow: var(--shadows-shadow-none);
--button-dark-active-bg-color: var(--colors-neutral-fill-5);
--button-dark-active-font-color: var(--colors-neutral-text-11);
--button-dark-disabled-top-border-color: var(--colors-neutral-line-8);
--button-dark-disabled-top-border-style: var(--borders-style-2);
--button-dark-disabled-top-border-width: var(--borders-width-2);
--button-dark-disabled-left-border-color: var(--colors-neutral-line-8);
--button-dark-disabled-left-border-style: var(--borders-style-2);
--button-dark-disabled-left-border-width: var(--borders-width-2);
--button-dark-disabled-right-border-color: var(--colors-neutral-line-8);
--button-dark-disabled-right-border-style: var(--borders-style-2);
--button-dark-disabled-right-border-width: var(--borders-width-2);
--button-dark-disabled-bottom-border-color: var(--colors-neutral-line-8);
--button-dark-disabled-bottom-border-style: var(--borders-style-2);
--button-dark-disabled-bottom-border-width: var(--borders-width-2);
--button-dark-disabled-shadow: var(--shadows-shadow-none);
--button-dark-disabled-bg-color: var(--colors-neutral-fill-10);
--button-dark-disabled-font-color: var(--colors-neutral-text-6);
--button-link-default-top-border-color: var(--colors-neutral-fill-none);
--button-link-default-top-border-style: var(--borders-style-1);
--button-link-default-top-border-width: var(--borders-width-1);
--button-link-default-left-border-color: var(--colors-neutral-fill-none);
--button-link-default-left-border-style: var(--borders-style-1);
--button-link-default-left-border-width: var(--borders-width-1);
--button-link-default-right-border-color: var(--colors-neutral-fill-none);
--button-link-default-right-border-style: var(--borders-style-1);
--button-link-default-right-border-width: var(--borders-width-1);
--button-link-default-bottom-border-color: var(--colors-neutral-fill-none);
--button-link-default-bottom-border-style: var(--borders-style-1);
--button-link-default-bottom-border-width: var(--borders-width-1);
--button-link-default-shadow: var(--shadows-shadow-none);
--button-link-default-bg-color: var(--colors-neutral-fill-none);
--button-link-default-font-color: var(--colors-link-5);
--button-link-hover-top-border-color: var(--colors-neutral-fill-none);
--button-link-hover-top-border-style: var(--borders-style-1);
--button-link-hover-top-border-width: var(--borders-width-1);
--button-link-hover-left-border-color: var(--colors-neutral-fill-none);
--button-link-hover-left-border-style: var(--borders-style-1);
--button-link-hover-left-border-width: var(--borders-width-1);
--button-link-hover-right-border-color: var(--colors-neutral-fill-none);
--button-link-hover-right-border-style: var(--borders-style-1);
--button-link-hover-right-border-width: var(--borders-width-1);
--button-link-hover-bottom-border-color: var(--colors-neutral-fill-none);
--button-link-hover-bottom-border-style: var(--borders-style-1);
--button-link-hover-bottom-border-width: var(--borders-width-1);
--button-link-hover-shadow: var(--shadows-shadow-none);
--button-link-hover-bg-color: var(--colors-neutral-fill-none);
--button-link-hover-font-color: var(--colors-link-6);
--button-link-active-top-border-color: var(--colors-neutral-fill-none);
--button-link-active-top-border-style: var(--borders-style-1);
--button-link-active-top-border-width: var(--borders-width-1);
--button-link-active-left-border-color: var(--colors-neutral-fill-none);
--button-link-active-left-border-style: var(--borders-style-1);
--button-link-active-left-border-width: var(--borders-width-1);
--button-link-active-right-border-color: var(--colors-neutral-fill-none);
--button-link-active-right-border-style: var(--borders-style-1);
--button-link-active-right-border-width: var(--borders-width-1);
--button-link-active-bottom-border-color: var(--colors-neutral-fill-none);
--button-link-active-bottom-border-style: var(--borders-style-1);
--button-link-active-bottom-border-width: var(--borders-width-1);
--button-link-active-shadow: var(--shadows-shadow-none);
--button-link-active-bg-color: var(--colors-neutral-fill-none);
--button-link-active-font-color: var(--colors-link-4);
--button-link-disabled-top-border-color: var(--colors-neutral-fill-none);
--button-link-disabled-top-border-style: var(--borders-style-1);
--button-link-disabled-top-border-width: var(--borders-width-1);
--button-link-disabled-left-border-color: var(--colors-neutral-fill-none);
--button-link-disabled-left-border-style: var(--borders-style-1);
--button-link-disabled-left-border-width: var(--borders-width-1);
--button-link-disabled-right-border-color: var(--colors-neutral-fill-none);
--button-link-disabled-right-border-style: var(--borders-style-1);
--button-link-disabled-right-border-width: var(--borders-width-1);
--button-link-disabled-bottom-border-color: var(--colors-neutral-fill-none);
--button-link-disabled-bottom-border-style: var(--borders-style-1);
--button-link-disabled-bottom-border-width: var(--borders-width-1);
--button-link-disabled-shadow: var(--shadows-shadow-none);
--button-link-disabled-bg-color: var(--colors-neutral-fill-none);
--button-link-disabled-font-color: var(--colors-neutral-text-6);
--button-size-default-top-left-border-radius: var(--borders-radius-3);
--button-size-default-top-right-border-radius: var(--borders-radius-3);
--button-size-default-bottom-left-border-radius: var(--borders-radius-3);
--button-size-default-bottom-right-border-radius: var(--borders-radius-3);
--button-size-default-height: var(--sizes-base-17);
--button-size-default-fontSize: var(--fonts-size-7);
--button-size-default-minWidth: var(--sizes-size-1);
--button-size-default-icon-size: var(--sizes-size-8);
--button-size-default-fontWeight: var(--fonts-weight-6);
--button-size-default-lineHeight: var(--fonts-lineHeight-2);
--button-size-default-icon-margin: var(--sizes-size-3);
--button-size-default-marginTop: var(--sizes-size-0);
--button-size-default-marginLeft: var(--sizes-size-0);
--button-size-default-paddingTop: var(--sizes-size-3);
--button-size-default-marginRight: var(--sizes-size-0);
--button-size-default-paddingLeft: var(--sizes-size-7);
--button-size-default-marginBottom: var(--sizes-size-0);
--button-size-default-paddingRight: var(--sizes-size-7);
--button-size-default-paddingBottom: var(--sizes-size-3);
--button-size-xs-top-left-border-radius: var(--borders-radius-3);
--button-size-xs-top-right-border-radius: var(--borders-radius-3);
--button-size-xs-bottom-left-border-radius: var(--borders-radius-3);
--button-size-xs-bottom-right-border-radius: var(--borders-radius-3);
--button-size-xs-height: var(--sizes-base-12);
--button-size-xs-fontSize: var(--fonts-size-8);
--button-size-xs-minWidth: var(--sizes-size-1);
--button-size-xs-icon-size: var(--sizes-size-8);
--button-size-xs-fontWeight: var(--fonts-weight-6);
--button-size-xs-lineHeight: var(--fonts-lineHeight-2);
--button-size-xs-icon-margin: var(--sizes-size-3);
--button-size-xs-marginTop: var(--sizes-size-0);
--button-size-xs-marginLeft: var(--sizes-size-0);
--button-size-xs-paddingTop: var(--sizes-size-2);
--button-size-xs-marginRight: var(--sizes-size-0);
--button-size-xs-paddingLeft: var(--sizes-size-3);
--button-size-xs-marginBottom: var(--sizes-size-0);
--button-size-xs-paddingRight: var(--sizes-size-3);
--button-size-xs-paddingBottom: var(--sizes-size-2);
--button-size-sm-top-left-border-radius: var(--borders-radius-3);
--button-size-sm-top-right-border-radius: var(--borders-radius-3);
--button-size-sm-bottom-left-border-radius: var(--borders-radius-3);
--button-size-sm-bottom-right-border-radius: var(--borders-radius-3);
--button-size-sm-height: var(--sizes-base-16);
--button-size-sm-fontSize: var(--fonts-size-8);
--button-size-sm-minWidth: var(--sizes-size-1);
--button-size-sm-icon-size: var(--sizes-size-8);
--button-size-sm-fontWeight: var(--fonts-weight-6);
--button-size-sm-lineHeight: var(--fonts-lineHeight-2);
--button-size-sm-icon-margin: var(--sizes-size-3);
--button-size-sm-marginTop: var(--sizes-size-0);
--button-size-sm-marginLeft: var(--sizes-size-0);
--button-size-sm-paddingTop: var(--sizes-size-3);
--button-size-sm-marginRight: var(--sizes-size-0);
--button-size-sm-paddingLeft: var(--sizes-size-6);
--button-size-sm-marginBottom: var(--sizes-size-0);
--button-size-sm-paddingRight: var(--sizes-size-6);
--button-size-sm-paddingBottom: var(--sizes-size-3);
--button-size-md-top-left-border-radius: var(--borders-radius-3);
--button-size-md-top-right-border-radius: var(--borders-radius-3);
--button-size-md-bottom-left-border-radius: var(--borders-radius-3);
--button-size-md-bottom-right-border-radius: var(--borders-radius-3);
--button-size-md-height: var(--sizes-base-17);
--button-size-md-fontSize: var(--fonts-size-7);
--button-size-md-minWidth: var(--sizes-size-1);
--button-size-md-icon-size: var(--sizes-size-8);
--button-size-md-fontWeight: var(--fonts-weight-6);
--button-size-md-lineHeight: var(--fonts-lineHeight-2);
--button-size-md-icon-margin: var(--sizes-size-3);
--button-size-md-marginTop: var(--sizes-size-0);
--button-size-md-marginLeft: var(--sizes-size-0);
--button-size-md-paddingTop: var(--sizes-size-3);
--button-size-md-marginRight: var(--sizes-size-0);
--button-size-md-paddingLeft: var(--sizes-size-7);
--button-size-md-marginBottom: var(--sizes-size-0);
--button-size-md-paddingRight: var(--sizes-size-7);
--button-size-md-paddingBottom: var(--sizes-size-3);
--button-size-lg-top-left-border-radius: var(--borders-radius-3);
--button-size-lg-top-right-border-radius: var(--borders-radius-3);
--button-size-lg-bottom-left-border-radius: var(--borders-radius-3);
--button-size-lg-bottom-right-border-radius: var(--borders-radius-3);
--button-size-lg-height: var(--sizes-base-20);
--button-size-lg-fontSize: var(--fonts-size-7);
--button-size-lg-minWidth: var(--sizes-size-1);
--button-size-lg-icon-size: var(--sizes-size-8);
--button-size-lg-fontWeight: var(--fonts-weight-6);
--button-size-lg-lineHeight: var(--fonts-lineHeight-2);
--button-size-lg-icon-margin: var(--sizes-size-3);
--button-size-lg-marginTop: var(--sizes-size-0);
--button-size-lg-marginLeft: var(--sizes-size-0);
--button-size-lg-paddingTop: var(--sizes-size-6);
--button-size-lg-marginRight: var(--sizes-size-0);
--button-size-lg-paddingLeft: var(--sizes-size-9);
--button-size-lg-marginBottom: var(--sizes-size-0);
--button-size-lg-paddingRight: var(--sizes-size-9);
--button-size-lg-paddingBottom: var(--sizes-size-6);
--transfer-base-top-border-color: var(--colors-neutral-line-8);
--transfer-base-top-border-style: var(--borders-style-2);
--transfer-base-top-border-width: var(--borders-width-2);
--transfer-base-left-border-color: var(--colors-neutral-line-8);
--transfer-base-left-border-style: var(--borders-style-2);
--transfer-base-left-border-width: var(--borders-width-2);
--transfer-base-right-border-color: var(--colors-neutral-line-8);
--transfer-base-right-border-style: var(--borders-style-2);
--transfer-base-right-border-width: var(--borders-width-2);
--transfer-base-bottom-border-color: var(--colors-neutral-line-8);
--transfer-base-bottom-border-style: var(--borders-style-2);
--transfer-base-bottom-border-width: var(--borders-width-2);
--transfer-base-top-left-border-radius: var(--borders-radius-3);
--transfer-base-top-right-border-radius: var(--borders-radius-3);
--transfer-base-bottom-left-border-radius: var(--borders-radius-2);
--transfer-base-bottom-right-border-radius: var(--borders-radius-2);
--transfer-base-shadow: var(--shadows-shadow-none);
--transfer-base-title-bg: var(--colors-neutral-fill-10);
--transfer-base-title-fontSize: var(--fonts-size-7);
--transfer-base-content-fontSize: var(--fonts-size-7);
--transfer-base-title-font-color: var(--colors-neutral-text-2);
--transfer-base-title-fontWeight: var(--fonts-weight-6);
--transfer-base-title-lineHeight: var(--fonts-lineHeight-2);
--transfer-base-content-font-color: var(--colors-neutral-text-2);
--transfer-base-content-fontWeight: var(--fonts-weight-6);
--transfer-base-content-lineHeight: var(--fonts-lineHeight-2);
--transfer-base-body-marginTop: var(--sizes-size-1);
--transfer-base-body-marginLeft: var(--sizes-size-1);
--transfer-base-body-paddingTop: var(--sizes-size-1);
--transfer-base-body-marginRight: var(--sizes-size-1);
--transfer-base-body-paddingLeft: var(--sizes-size-1);
--transfer-base-body-marginBottom: var(--sizes-size-1);
--transfer-base-body-paddingRight: var(--sizes-size-1);
--transfer-base-body-paddingBottom: var(--sizes-size-1);
--transfer-base-header-marginTop: var(--sizes-size-1);
--transfer-base-header-marginLeft: var(--sizes-size-1);
--transfer-base-header-paddingTop: var(--sizes-size-5);
--transfer-base-header-marginRight: var(--sizes-size-1);
--transfer-base-header-paddingLeft: var(--sizes-size-8);
--transfer-base-header-marginBottom: var(--sizes-size-1);
--transfer-base-header-paddingRight: var(--sizes-size-8);
--transfer-base-header-paddingBottom: var(--sizes-size-5);
--transfer-base-option-marginTop: var(--sizes-size-1);
--transfer-base-option-marginLeft: var(--sizes-size-1);
--transfer-base-option-paddingTop: var(--sizes-size-5);
--transfer-base-option-marginRight: var(--sizes-size-1);
--transfer-base-option-paddingLeft: var(--sizes-size-8);
--transfer-base-option-marginBottom: var(--sizes-size-1);
--transfer-base-option-paddingRight: var(--sizes-size-8);
--transfer-base-option-paddingBottom: var(--sizes-size-5);
--transfer-tree-top-left-border-radius: var(--borders-radius-2);
--transfer-tree-top-right-border-radius: var(--borders-radius-2);
--transfer-tree-bottom-left-border-radius: var(--borders-radius-2);
--transfer-tree-bottom-right-border-radius: var(--borders-radius-2);
--transfer-tree-bg-hover-color: var(--colors-neutral-fill-10);
--transfer-tree-bg-active-color: var(--colors-brand-10);
--transfer-tree-marginTop: var(--sizes-size-1);
--transfer-tree-marginLeft: var(--sizes-size-1);
--transfer-tree-paddingTop: var(--sizes-size-3);
--transfer-tree-marginRight: var(--sizes-size-1);
--transfer-tree-paddingLeft: var(--sizes-size-7);
--transfer-tree-marginBottom: var(--sizes-size-2);
--transfer-tree-paddingRight: var(--sizes-size-7);
--transfer-tree-paddingBottom: var(--sizes-size-3);
--transfer-tree-option-marginTop: var(--sizes-size-1);
--transfer-tree-option-marginLeft: var(--sizes-size-1);
--transfer-tree-option-paddingTop: var(--sizes-size-1);
--transfer-tree-option-marginRight: var(--sizes-size-1);
--transfer-tree-option-paddingLeft: var(--sizes-size-6);
--transfer-tree-option-marginBottom: var(--sizes-size-4);
--transfer-tree-option-paddingRight: var(--sizes-size-1);
--transfer-tree-option-paddingBottom: var(--sizes-size-1);
--transfer-group-fontSize: var(--fonts-size-7);
--transfer-group-font-color: var(--colors-neutral-text-5);
--transfer-group-fontWeight: var(--fonts-weight-6);
--transfer-group-lineHeight: var(--fonts-lineHeight-2);
--transfer-table-last-paddingRight: var(--sizes-size-10);
--transfer-table-header-marginTop: var(--sizes-size-1);
--transfer-table-header-marginLeft: var(--sizes-size-1);
--transfer-table-header-paddingTop: var(--sizes-size-5);
--transfer-table-header-marginRight: var(--sizes-size-1);
--transfer-table-header-paddingLeft: var(--sizes-size-7);
--transfer-table-header-marginBottom: var(--sizes-size-1);
--transfer-table-header-paddingRight: var(--sizes-size-7);
--transfer-table-header-paddingBottom: var(--sizes-size-5);
--transfer-table-option-marginTop: var(--sizes-size-1);
--transfer-table-option-marginLeft: var(--sizes-size-1);
--transfer-table-option-paddingTop: var(--sizes-size-4);
--transfer-table-option-marginRight: var(--sizes-size-1);
--transfer-table-option-paddingLeft: var(--sizes-size-7);
--transfer-table-option-marginBottom: var(--sizes-size-2);
--transfer-table-option-paddingRight: var(--sizes-size-7);
--transfer-table-option-paddingBottom: var(--sizes-size-5);
--transfer-search-top-border-color: var(--colors-neutral-line-8);
--transfer-search-top-border-style: var(--borders-style-2);
--transfer-search-top-border-width: var(--borders-width-2);
--transfer-search-left-border-color: var(--colors-neutral-line-8);
--transfer-search-left-border-style: var(--borders-style-2);
--transfer-search-left-border-width: var(--borders-width-2);
--transfer-search-right-border-color: var(--colors-neutral-line-8);
--transfer-search-right-border-style: var(--borders-style-2);
--transfer-search-right-border-width: var(--borders-width-2);
--transfer-search-bottom-border-color: var(--colors-neutral-line-8);
--transfer-search-bottom-border-style: var(--borders-style-2);
--transfer-search-bottom-border-width: var(--borders-width-2);
--transfer-search-top-left-border-radius: var(--borders-radius-3);
--transfer-search-top-right-border-radius: var(--borders-radius-3);
--transfer-search-bottom-left-border-radius: var(--borders-radius-3);
--transfer-search-bottom-right-border-radius: var(--borders-radius-3);
--transfer-search-shadow: var(--shadows-shadow-none);
--transfer-search-fontSize: var(--fonts-size-7);
--transfer-search-font-color: var(--colors-neutral-text-2);
--transfer-search-fontWeight: var(--fonts-weight-6);
--transfer-search-lineHeight: var(--fonts-lineHeight-2);
--transfer-search-border-hover-color: var(--colors-brand-4);
--transfer-search-marginTop: var(--sizes-size-1);
--transfer-search-marginLeft: var(--sizes-size-1);
--transfer-search-paddingTop: var(--sizes-size-6);
--transfer-search-marginRight: var(--sizes-size-1);
--transfer-search-paddingLeft: var(--sizes-size-6);
--transfer-search-marginBottom: var(--sizes-size-1);
--transfer-search-paddingRight: var(--sizes-size-6);
--transfer-search-paddingBottom: var(--sizes-size-6);
--transfer-search-border-active-color: var(--colors-brand-4);
--transfer-search-placeholder-font-color: var(--colors-neutral-text-6);
--transfer-search-input-marginTop: var(--sizes-size-1);
--transfer-search-input-marginLeft: var(--sizes-size-1);
--transfer-search-input-paddingTop: var(--sizes-size-4);
--transfer-search-input-marginRight: var(--sizes-size-1);
--transfer-search-input-paddingLeft: var(--sizes-size-7);
--transfer-search-input-marginBottom: var(--sizes-size-1);
--transfer-search-input-paddingRight: var(--sizes-size-7);
--transfer-search-input-paddingBottom: var(--sizes-size-4);
--transfer-chained-marginTop: var(--sizes-size-1);
--transfer-chained-marginLeft: var(--sizes-size-1);
--transfer-chained-paddingTop: var(--sizes-size-5);
--transfer-chained-marginRight: var(--sizes-size-1);
--transfer-chained-paddingLeft: var(--sizes-size-6);
--transfer-chained-marginBottom: var(--sizes-size-1);
--transfer-chained-paddingRight: var(--sizes-size-6);
--transfer-chained-paddingBottom: var(--sizes-size-5);
}
Reference in New Issue View Git Blame Copy Permalink