mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 20:18:03 +08:00
33686a375e
* 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
133 lines
2.1 KiB
SCSS
133 lines
2.1 KiB
SCSS
@import '../functions';
|
|
|
|
$ns: 'a-';
|
|
|
|
$colors: (
|
|
black: #1c2b36,
|
|
white: #fff,
|
|
primary: #7266ba,
|
|
secondary: #6c757d,
|
|
success: #27c24c,
|
|
info: #23b7e5,
|
|
warning: #fad733,
|
|
danger: #f05050,
|
|
light: #edf1f2,
|
|
dark: #3a3f51,
|
|
gray: (
|
|
50: #f9fafb,
|
|
100: #f3f4f6,
|
|
200: #e5e7eb,
|
|
300: #d1d5db,
|
|
400: #9ca3af,
|
|
500: #6b7280,
|
|
600: #4b5563,
|
|
700: #374151,
|
|
800: #1f2937,
|
|
900: #111827
|
|
),
|
|
red: (
|
|
50: #fef2f2,
|
|
100: #fee2e2,
|
|
200: #fecaca,
|
|
300: #fca5a5,
|
|
400: #f87171,
|
|
500: #ef4444,
|
|
600: #dc2626,
|
|
700: #b91c1c,
|
|
800: #991b1b,
|
|
900: #7f1d1d
|
|
),
|
|
yellow: (
|
|
50: #fffbeb,
|
|
100: #fef3c7,
|
|
200: #fde68a,
|
|
300: #fcd34d,
|
|
400: #fbbf24,
|
|
500: #f59e0b,
|
|
600: #d97706,
|
|
700: #b45309,
|
|
800: #92400e,
|
|
900: #78350f
|
|
),
|
|
green: (
|
|
50: #ecfdf5,
|
|
100: #d1fae5,
|
|
200: #a7f3d0,
|
|
300: #6ee7b7,
|
|
400: #34d399,
|
|
500: #10b981,
|
|
600: #059669,
|
|
700: #047857,
|
|
800: #065f46,
|
|
900: #064e3b
|
|
),
|
|
blue: (
|
|
50: #eff6ff,
|
|
100: #dbeafe,
|
|
200: #bfdbfe,
|
|
300: #93c5fd,
|
|
400: #60a5fa,
|
|
500: #3b82f6,
|
|
600: #2563eb,
|
|
700: #1d4ed8,
|
|
800: #1e40af,
|
|
900: #1e3a8a
|
|
),
|
|
cyan: (
|
|
50: #ecfeff,
|
|
100: #cffafe,
|
|
200: #a5f3fc,
|
|
300: #67e8f9,
|
|
400: #22d3ee,
|
|
500: #06b6d4,
|
|
600: #0891b2,
|
|
700: #0e7490,
|
|
800: #155e75,
|
|
900: #164e63
|
|
),
|
|
indigo: (
|
|
50: #eef2ff,
|
|
100: #e0e7ff,
|
|
200: #c7d2fe,
|
|
300: #a5b4fc,
|
|
400: #818cf8,
|
|
500: #6366f1,
|
|
600: #4f46e5,
|
|
700: #4338ca,
|
|
800: #3730a3,
|
|
900: #312e81
|
|
),
|
|
purple: (
|
|
50: #f5f3ff,
|
|
100: #ede9fe,
|
|
200: #ddd6fe,
|
|
300: #c4b5fd,
|
|
400: #a78bfa,
|
|
500: #8b5cf6,
|
|
600: #7c3aed,
|
|
700: #6d28d9,
|
|
800: #5b21b6,
|
|
900: #4c1d95
|
|
),
|
|
pink: (
|
|
50: #fdf2f8,
|
|
100: #fce7f3,
|
|
200: #fbcfe8,
|
|
300: #f9a8d4,
|
|
400: #f472b6,
|
|
500: #ec4899,
|
|
600: #db2777,
|
|
700: #be185d,
|
|
800: #9d174d,
|
|
900: #831843
|
|
)
|
|
);
|
|
|
|
$text-color: #58666e;
|
|
$link-color: map-get($colors, 'info');
|
|
|
|
$Form-input-borderColor: #cfdadd;
|
|
|
|
@import '../variables';
|
|
@import '../properties';
|