28 lines
717 B
CSS
28 lines
717 B
CSS
|
.y2k-btn {
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 2px;
|
||
|
|
border-color: var(--y2k-button-border-light) var(--y2k-button-border-dark) var(--y2k-button-border-dark) var(--y2k-button-border-light);
|
||
|
|
background: var(--y2k-button-bg);
|
||
|
|
color: var(--y2k-button-text);
|
||
|
|
padding: 4px 12px;
|
||
|
|
font-family: var(--y2k-font);
|
||
|
|
font-size: 13px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.y2k-btn:active {
|
||
|
|
border-color: var(--y2k-button-border-dark) var(--y2k-button-border-light) var(--y2k-button-border-light) var(--y2k-button-border-dark);
|
||
|
|
}
|
||
|
|
|
||
|
|
.y2k-btn:focus-visible,
|
||
|
|
.y2k-alert__input:focus-visible {
|
||
|
|
outline: 2px solid var(--y2k-focus);
|
||
|
|
outline-offset: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.y2k-btn--close {
|
||
|
|
min-width: 28px;
|
||
|
|
padding: 2px 8px;
|
||
|
|
line-height: 1;
|
||
|
|
}
|