Тимур Городецкий
fa6fe8dbe1
Набор B перекраски форм: брендовые адаптивные примитивы + иконки arrow-up/arrow-down/swap/refresh + токен $amber-50. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
50 lines
845 B
SCSS
50 lines
845 B
SCSS
@import '../tokens/tokens';
|
|
|
|
.btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: $r-sm;
|
|
background: transparent;
|
|
color: $gray-700;
|
|
cursor: pointer;
|
|
transition: background .15s, color .15s;
|
|
|
|
&:hover {
|
|
background: $navy-50;
|
|
color: $navy-800;
|
|
}
|
|
|
|
&:focus-visible {
|
|
outline: 0;
|
|
box-shadow: 0 0 0 3px rgba(212, 160, 30, .25);
|
|
}
|
|
|
|
&:disabled {
|
|
color: $gray-400;
|
|
background: transparent;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
.sm {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
|
|
// Акцент удаления.
|
|
.danger:hover {
|
|
background: $red-50;
|
|
color: $red-500;
|
|
}
|
|
|
|
// Тач-таргет на узких экранах.
|
|
@include below($bp-md) {
|
|
.btn { width: 36px; height: 36px; }
|
|
.sm { width: 32px; height: 32px; }
|
|
}
|