add button extras
This commit is contained in:
parent
c87bf4f595
commit
f77ac6a23e
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue