xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

More styling

Browse source
This commit is contained in:
Robert Long 2021-08-20 16:23:12 -07:00
commit 43c0ed193e
13 changed files with 423 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/Input.module.css
View file

@ -69,9 +69,16 @@
max-width: calc(100% - 20px);
}
.field input:focus + label {
.field:focus-within {
border-color: #238cf5;
}
.field input:focus {
outline: 0;
}
.field input:focus + label, .field input:not(:placeholder-shown) + label {
background-color: #fff;
color: #238cf5;
transition: font-size .25s ease-out 0s,color .25s ease-out 0s,top .25s ease-out 0s,background-color .25s ease-out 0s;
font-size: 10px;
top: -13px;
@ -80,6 +87,10 @@
pointer-events: auto;
}
.field input:focus + label {
color: #238cf5;
}
.button {
vertical-align: middle;
border: 0;
@ -104,4 +115,11 @@
.button:active {
}
.errorMessage {
margin: 0;
font-size: 13px;
color: rgb(255, 75, 85);
font-weight: 600;
}