From f77ac6a23e788c1f6224584c2f313faf189a509f Mon Sep 17 00:00:00 2001 From: Geoff Doty Date: Sat, 16 Oct 2021 03:16:25 -0400 Subject: [PATCH] add button extras --- src/extras/buttons.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 src/extras/buttons.css diff --git a/src/extras/buttons.css b/src/extras/buttons.css new file mode 100644 index 0000000..680b5aa --- /dev/null +++ b/src/extras/buttons.css @@ -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; +}