/
pellya
/
blogReactera
Обзор
Документация
Войти
/
pellya
/
blogReactera
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/ui/Button/Button.module.scss
80 строк
1 KB
Pellya
Add article page, article details and some blocks, reducers and slicers, add new Code and Icon component and add stories for them
08 янв 2025, 17:36
08 янв 2025, 17:36
c8282f6
Код
Авторство
О чём код?
.Button { cursor: pointer; color: var(--primary-color); padding: 6px 12px; &:hover { opacity: 0.7; } } .clear, .clearInverted { padding: 0; background: none; border: none; outline: none; } .clearInverted { color: var(--inverted-primary-color); } .outline { border: 1px solid var(--primary-color); color: var(--primary-color); background-color: transparent; } .outline_red { border: 1px solid var(--red-light); color: var(--red-light); background-color: transparent; } .background { background: var(--bg-color); color: var(--primary-color); border: none; } .backgroundInverted { background: var(--inverted-bg-color); color: var(--inverted-primary-color); border: none; } .square { padding: 0; &.size_m { width: var(--font-line-m); height: var(--font-line-m); } &.size_l { width: var(--font-line-l); height: var(--font-line-l); } &.size_xl { width: var(--font-line-xl); height: var(--font-line-xl); } } .size_m { font: var(--font-m); } .size_l { font: var(--font-l); } .size_xl { font: var(--font-xl); } .disabled { opacity: 0.3; }