feat: .button
This commit is contained in:
parent
b1d7a90737
commit
592eb87c9e
3 changed files with 20 additions and 35 deletions
28
style.css
28
style.css
|
|
@ -105,6 +105,7 @@ body {
|
|||
}
|
||||
|
||||
button,
|
||||
.button,
|
||||
label,
|
||||
input,
|
||||
legend,
|
||||
|
|
@ -143,6 +144,7 @@ u {
|
|||
}
|
||||
|
||||
button,
|
||||
.button,
|
||||
input[type="submit"],
|
||||
input[type="reset"] {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -159,6 +161,7 @@ input[type="reset"] {
|
|||
}
|
||||
|
||||
button.default,
|
||||
.button.default,
|
||||
input[type="submit"].default,
|
||||
input[type="reset"].default {
|
||||
box-shadow: var(--default-button-border-raised-outer), var(--default-button-border-raised-inner);
|
||||
|
|
@ -172,27 +175,30 @@ input[type="reset"].default {
|
|||
}
|
||||
|
||||
button:not(:disabled):active,
|
||||
button:not(:disabled).active,
|
||||
.button:not(:disabled):active,
|
||||
.button:not(:disabled).active,
|
||||
input[type="submit"]:not(:disabled):active,
|
||||
input[type="reset"]:not(:disabled):active {
|
||||
input[type="submit"]:not(:disabled).active,
|
||||
input[type="reset"]:not(:disabled):active,
|
||||
input[type="reset"]:not(:disabled).active {
|
||||
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
|
||||
text-shadow: 1px 1px var(--text-color);
|
||||
}
|
||||
|
||||
button.default:not(:disabled):active,
|
||||
.button.default:not(:disabled):active,
|
||||
input[type="submit"].default:not(:disabled):active,
|
||||
input[type="reset"].default:not(:disabled):active {
|
||||
input[type="reset"].default:not(:disabled):active,
|
||||
button.default:not(:disabled).active,
|
||||
.button.default:not(:disabled).active,
|
||||
input[type="submit"].default:not(:disabled).active,
|
||||
input[type="reset"].default:not(:disabled).active {
|
||||
box-shadow: var(--default-button-border-sunken-outer), var(--default-button-border-sunken-inner);
|
||||
}
|
||||
|
||||
@media (not(hover)) {
|
||||
button:not(:disabled):hover,
|
||||
input[type="submit"]:not(:disabled):hover,
|
||||
input[type="reset"]:not(:disabled):hover {
|
||||
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
|
||||
}
|
||||
}
|
||||
|
||||
button:focus,
|
||||
.button:focus,
|
||||
input[type="submit"]:focus,
|
||||
input[type="reset"]:focus {
|
||||
outline: 1px dotted #000000;
|
||||
|
|
@ -200,6 +206,7 @@ input[type="reset"]:focus {
|
|||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
.button::-moz-focus-inner,
|
||||
input[type="submit"]::-moz-focus-inner,
|
||||
input[type="reset"]::-moz-focus-inner {
|
||||
border: 0;
|
||||
|
|
@ -213,6 +220,7 @@ input[readonly] + label {
|
|||
}
|
||||
|
||||
button:disabled,
|
||||
.button:disabled,
|
||||
input[type="submit"]:disabled,
|
||||
input[type="reset"]:disabled,
|
||||
:disabled + label {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue