33 lines
789 B
CSS
33 lines
789 B
CSS
/* Brass buttons */
|
|
|
|
.brass {
|
|
min-width: 42px;
|
|
padding: 5px 9px;
|
|
font-family: var(--font-num);
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #3a2a0c;
|
|
cursor: pointer;
|
|
background: linear-gradient(#e7c872, #b98e32 55%, #a37a24);
|
|
border: 1px solid #6e5316;
|
|
border-radius: 5px;
|
|
box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.7), 0 2px 3px rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.brass:hover { filter: brightness(1.08); }
|
|
|
|
.brass:active,
|
|
.brass[aria-pressed="true"] {
|
|
background: linear-gradient(#a37a24, #c79d45);
|
|
box-shadow: inset 0 2px 4px rgba(60, 40, 5, 0.6);
|
|
transform: translateY(1px);
|
|
}
|
|
|
|
.brass:focus-visible {
|
|
outline: 2px solid var(--ink);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.brass--lang { margin-left: 6px; min-width: 38px; }
|
|
.brass--wide { margin-top: 12px; padding: 8px 18px; }
|