First commit, done on M6 from the PLAN.MD
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
/* 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; }
|
||||
Reference in New Issue
Block a user