/
alt3rmann
/
label-studio
Обзор
Документация
Войти
/
alt3rmann
/
label-studio
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
web/libs/editor/src/components/App/Grid.module.scss
66 строк
1 KB
Yousif Yassi
feat: OPTIC-1217: Implement Color design tokens as CSS variables and Dark Mode (#6550)
28 апр 2025, 19:46
Не верифицирован
28 апр 2025, 19:46
2e8e35e
Код
Авторство
О чём код?
/* Grid (View All mode) */ @import "../../assets/styles/global"; $gap: 30px; .grid { flex-grow: 1; display: grid; grid-auto-columns: calc(50% - 15px); @include respond("tablet") { grid-auto-columns: 100%; } grid-auto-flow: column; grid-column-gap: $gap; margin: 0 30px; overflow: auto; position: relative; } .grid > div > h4 { cursor: pointer; } .container { position: relative; flex-grow: 1; min-width: 0; // famous flex hack to prevent block from growing enormously } .container > button { position: absolute; top: 0; width: $gap; height: 100%; &:hover { background: var(--sand_200); } } .container > button.left { left: 0; } .container > button.right { right: 0; } .grid > div:global(.hover) { background: #eee; h4 { color: var(--primary_link); } } /* don't let the empty blocks to break the nice grid */ .grid > div:empty { display: none; } :global(.ant-btn.ant-btn-text.ant-btn-icon-only:hover) { background-color: var(--color-primary-emphasis-subtle); }