15 lines
1.4 KiB
CSS
15 lines
1.4 KiB
CSS
/* Aurora Admin ColorPicker 样式 — 对齐 组件7.txt ColorPicker：预设色板 + 自定义拾色，HEX 显示，透明度 */
|
|
|
|
.aa-colorpicker { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); width: 240px; }
|
|
.aa-colorpicker-presets { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; margin-bottom: 12px; }
|
|
.aa-colorpicker-swatch { height: 22px; border-radius: 4px; cursor: pointer; border: 1px solid rgba(0,0,0,0.06); }
|
|
.aa-colorpicker-swatch.is-active { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2F54EB; }
|
|
.aa-colorpicker-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
|
|
.aa-colorpicker-preview { width: 28px; height: 28px; border-radius: 6px; border: 1px solid #E8ECF1; flex-shrink: 0; }
|
|
.aa-colorpicker-native { width: 28px; height: 28px; padding: 0; border: 1px solid #E8ECF1; border-radius: 6px; background: none; cursor: pointer; }
|
|
.aa-colorpicker-hex { flex: 1; height: 30px; border: 1px solid #E8ECF1; border-radius: 6px; padding: 0 8px; font-size: 13px; color: #262626; text-transform: uppercase; }
|
|
.aa-colorpicker-hex:focus { border-color: #2F54EB; outline: none; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-colorpicker-alpha { display: flex; align-items: center; gap: 8px; }
|
|
.aa-colorpicker-alpha input { flex: 1; }
|
|
.aa-colorpicker-alpha span { font-size: 12px; color: #8C8C8C; width: 34px; text-align: right; }
|