35 lines
622 B
CSS
35 lines
622 B
CSS
/* Component – Button */
|
||
|
||
.btn {
|
||
display: block;
|
||
width: 100%;
|
||
background: var(--bg-raised);
|
||
border: 1px solid var(--border);
|
||
border-radius: var(--radius);
|
||
color: var(--text);
|
||
padding: 0.4rem 0.75rem;
|
||
font-size: 0.825rem;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
font-family: inherit;
|
||
transition: background var(--speed), border-color var(--speed);
|
||
}
|
||
|
||
.btn + .btn {
|
||
margin-top: 0.375rem;
|
||
}
|
||
|
||
.btn:disabled {
|
||
opacity: 0.35;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.btn-primary {
|
||
background: var(--accent-dim);
|
||
border-color: var(--accent);
|
||
}
|
||
|
||
.btn-primary:hover:not(:disabled) {
|
||
background: var(--accent);
|
||
}
|