style: forms

This commit is contained in:
Frédéric Péters 2018-03-25 17:32:36 +02:00
parent 110363f6ed
commit a5ef91c8f4
1 changed files with 6 additions and 4 deletions

View File

@ -10,6 +10,7 @@ input, select, button, textarea {
label {
margin-bottom: 0;
font-weight: normal;
}
form div.widget {
@ -84,8 +85,8 @@ a.button, button, input[type=submit], div.buttons input {
&:hover { background: darken($button-color, 20%); }
&:active { background: darken($button-color, 10%); }
&:focus {
box-shadow: 0 0 3px #2e444f, 0 0 7px #2e444f;
};
background: darken($button-color, 20%);
}
@include vendor-prefix('transition', 'background 0.2s ease, box-shadow 0.2s linear');
}
@ -145,9 +146,10 @@ input, input[type="text"], input[type="url"], input[type="email"], input[type="p
outline: medium none;
padding: 0.7ex 0.7em;
max-width: 100%;
@include vendor-prefix('transition', 'box-shadow 0.1s linear');
@include vendor-prefix('transition', 'background-size 0.2s ease');
background: white;
&:focus {
box-shadow: 0 0 0px 1px #1999cd;
border-bottom-color: $button-submit-color;
}
&.disabled,
&[disabled] {