13 lines
726 B
CSS
13 lines
726 B
CSS
/* Aurora Admin Segmented 样式 — 对齐 组件2.txt Segmented 规范 */
|
|
.aa-segmented {
|
|
display: inline-flex; align-items: center; background: #F5F7FA; border-radius: 4px; padding: 2px;
|
|
}
|
|
.aa-segmented-item {
|
|
height: 28px; padding: 0 16px; display: inline-flex; align-items: center; gap: 6px;
|
|
border-radius: 4px; cursor: pointer; font-size: 14px; color: #262626; border: none; background: none;
|
|
transition: background .15s, color .15s;
|
|
}
|
|
.aa-segmented-item:hover:not(.is-active):not(.is-disabled) { color: #2F54EB; }
|
|
.aa-segmented-item.is-active { background: #fff; color: #262626; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font-weight: 500; }
|
|
.aa-segmented-item.is-disabled { color: #BFBFBF; cursor: not-allowed; }
|