feat: примитивы Checkbox, Spinner, IconButton, Dialog, Link (0.10.0)
Набор B перекраски форм: брендовые адаптивные примитивы + иконки arrow-up/arrow-down/swap/refresh + токен $amber-50. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
@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; }
|
||||
}
|
||||
Reference in New Issue
Block a user