add button extras

This commit is contained in:
Geoff Doty 2021-10-16 03:16:25 -04:00
parent c87bf4f595
commit f77ac6a23e
1 changed files with 39 additions and 0 deletions

39
src/extras/buttons.css Normal file
View File

@ -0,0 +1,39 @@
/* Button Extras */
button:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,
button[type="button"]:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
}
button:active,
button[type="submit"]:active,
button[type="reset"]:active,
button[type="button"]:active {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
border-color: var(--bg);
color: inherit;
}
button:focus,
button[type="submit"]:focus,
button[type="reset"]:focus {
outline: 0;
color: inherit;
}
button.disabled,
button.disabled:hover,
button.disabled:active,
button.disabled:focus {
border: 1px solid var(--fg);
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter: alpha(opacity=40);
opacity: 0.40;
cursor: not-allowed;
box-shadow: none;
}