/
spirzen
/
it-knowledge-base
Обзор
Документация
Войти
/
spirzen
/
it-knowledge-base
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ArticlePdfExport.module.css
92 строки
2 KB
Spirzen
Batch and icons
04 июн 2026, 21:15
04 июн 2026, 21:15
1f0ccd2
Код
Авторство
О чём код?
.toolbar { display: flex; flex-direction: column; align-items: flex-end; gap: 0.35rem; margin: 0 0 1rem; padding: 0; } .actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; } .button { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.45rem 0.9rem; font-size: 0.85rem; font-weight: 600; font-family: inherit; line-height: 1.25; color: var(--ifm-color-primary); background: var(--ifm-card-background-color); border: 1px solid var(--ifm-color-emphasis-300); border-radius: 8px; cursor: pointer; box-shadow: var(--ifm-global-shadow-lw); transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, color 0.2s ease; } .button:hover:not(:disabled) { color: var(--ifm-button-color); background: var(--ifm-color-primary); border-color: var(--ifm-color-primary); transform: translateY(-1px); } .button:disabled { opacity: 0.7; cursor: wait; } .button:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ifm-color-primary-lighter); } .icon { flex-shrink: 0; } .hint { margin: 0; max-width: 28rem; font-size: 0.75rem; line-height: 1.45; color: var(--ifm-color-content-secondary); text-align: right; } @media (max-width: 996px) { .toolbar { align-items: stretch; } .actions { flex-direction: column; } .button { width: 100%; } .hint { text-align: left; } } @media print { .toolbar { display: none !important; } }