/
spirzen
/
it-knowledge-base
Обзор
Документация
Войти
/
spirzen
/
it-knowledge-base
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/TechIcon.module.css
102 строки
2 KB
Spirzen
Big design pack
04 июн 2026, 02:45
04 июн 2026, 02:45
50bc995
Код
Авторство
О чём код?
.badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 10px; line-height: 1; user-select: none; } .badgeBrand { color: #fff; font-weight: 800; } .badgeMuted { background: var(--ifm-color-emphasis-100); color: var(--ifm-color-emphasis-800); border: 1px solid var(--ifm-color-emphasis-200); font-weight: 700; letter-spacing: 0.04em; font-size: 0.68rem; text-transform: uppercase; box-shadow: 0 1px 2px color-mix(in srgb, #000 6%, transparent); } [data-theme='dark'] .badgeMuted { background: var(--ifm-color-emphasis-200); color: var(--ifm-color-emphasis-900); border-color: var(--ifm-color-emphasis-300); } .badgeSm { width: 2.5rem; height: 2.5rem; font-size: 0.62rem; } .badgeMd { width: 3rem; height: 3rem; font-size: 0.68rem; } .badgeLg { width: 3.35rem; height: 3.35rem; font-size: 0.72rem; } .badgeMonogramWide { letter-spacing: 0.02em; font-size: 0.58rem; } .badgeEmoji { font-size: 1.05rem; letter-spacing: 0; text-transform: none; } .badgeSm.badgeEmoji { font-size: 0.95rem; } .badgeLg.badgeEmoji { font-size: 1.2rem; } .badgeBrand.badgeSm { font-size: 0.85rem; } .badgeBrand.badgeMd { font-size: 0.95rem; } .badgeBrand.badgeLg { font-size: 1rem; } .svg { display: block; } .mono { display: inline-flex; align-items: center; justify-content: center; color: var(--ifm-color-content-secondary); } .monoLabel { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .monoSvg { display: block; }