Fix #135 - More prominent focus style for inputs
This commit is contained in:
parent
bec47e40f5
commit
a39a92bd22
|
@ -52,9 +52,11 @@ code {
|
||||||
|
|
||||||
input[type=text], input[type=email], input[type=password], textarea {
|
input[type=text], input[type=email], input[type=password], textarea {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
box-sizing: border-box;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 2px solid #9baec8;
|
border-bottom: 2px solid #9baec8;
|
||||||
padding: 7px 0;
|
border-radius: 2px 2px 0 0;
|
||||||
|
padding: 7px 4px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -76,6 +78,7 @@ code {
|
||||||
|
|
||||||
&:active, &:focus {
|
&:active, &:focus {
|
||||||
border-bottom-color: #2b90d9;
|
border-bottom-color: #2b90d9;
|
||||||
|
background: rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in a new issue