css: factor out button css.

Factor out the buttons from the user upgrades page into a general
UI component.
This commit is contained in:
evazion
2021-02-14 02:45:12 -06:00
parent f42fe5f1f7
commit ae204df4ca
5 changed files with 109 additions and 58 deletions

View File

@@ -63,25 +63,6 @@ textarea {
font-size: var(--text-sm);
}
input[type="button"], input[type="submit"], button {
border-radius: 3px;
padding: 0.25em 1em;
background: var(--form-button-background);
border: var(--form-button-border);
color: var(--form-button-text-color);
&:hover {
box-shadow: var(--form-button-hover-box-shadow);
background: var(--form-button-hover-background);
}
&:active {
box-shadow: var(--form-button-hover-box-shadow);
background: var(--form-button-active-background);
}
}
/* placeholder text in <input type="text"> elements */
::placeholder {
color: var(--form-input-placeholder-text-color);