/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/aria/grid/grid-table/grid-chips.css
45 строк
873 B
Cheng-Hsuan Tsai
refactor(aria/grid): rework cell widget and wrap continuous behavior (#32290)
13 ноя 2025, 03:09
Не верифицирован
13 ноя 2025, 03:09
3d74ca6
Код
Авторство
О чём код?
.example-grid-chips { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } .example-grid-chips, .example-chip-icon { font-size: 0.825rem; } .example-grid-chip { border-radius: 8px; display: flex; align-items: center; border: 1px solid; padding: 4px; } .example-grid-chip:hover, .example-grid-chip:focus-within { background: color-mix(in srgb, var(--mat-sys-secondary) 10%, transparent); } .example-chip-label { padding: 0 8px; } .example-chip-remove-button { display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: none; background: color-mix(in srgb, var(--mat-sys-secondary) 80%, transparent); color: var(--mat-sys-on-secondary); height: 1rem; width: 1rem; } .example-chip-empty { color: color-mix(in srgb, var(--mat-sys-on-background) 60%, transparent); }