/
Jafar
/
production-project
Обзор
Документация
Войти
/
Jafar
/
production-project
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/Button/Button.module.scss
85 строк
1 KB
jafar
add article list, article item, skeleton and stories
10 янв 2024, 22:59
10 янв 2024, 22:59
7696526
Код
Авторство
О чём код?
.Button { cursor: pointer; color: var(--primary-color); padding: 6px 15px; &:hover { opacity: 0.8; fill-opacity: 0.8; stroke-opacity: 0.8; } } .clear { padding: 0; border: none; background: none; outline: none; } .clearInverted { padding: 0; border: none; background: none; outline: none; color: var(--inverted-primary-color); } .outline { border: 1px solid var(--primary-color); color: var(--primary-color); background: none; } .outline_red { border: 1px solid var(--red-light); color: var(--red-light); background: none; } .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; } .square.size_m { width: var(--font-line-m); height: var(--font-line-m); } .square.size_l { width: var(--font-line-l); height: var(--font-line-l); } .square.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.5; }