improved styles

This commit is contained in:
Daniel Bulant 2022-05-20 18:51:56 +02:00
parent fbfe6eb59a
commit a4b96f7157

View file

@ -39,14 +39,14 @@ label {
display: block; display: block;
} }
input, button, select, textarea { input, button, select, textarea, .button {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
padding: 0.4em; padding: 0.4em;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 2px; border-radius: 5px;
} }
input:disabled { input:disabled {
@ -57,20 +57,21 @@ input[type="range"] {
height: 0; height: 0;
} }
button { button, .button {
color: #333; color: #333;
background-color: #f4f4f4; background-color: #f4f4f4;
outline: none; outline: none;
} }
button:disabled { button:disabled, .button:disabled {
color: #999; color: #999;
} }
button:not(:disabled):active { button:not(:disabled):active, .button:not(:disabled):active {
background-color: #ddd; background-color: #ddd;
} }
button:focus { button:focus, .button:focus, button:hover, .button:hover {
border-color: #666; border-color: #666;
text-decoration: none;
} }