fix parsley error messages

This commit is contained in:
Matthias Kretschmann 2015-12-20 20:22:10 +01:00
parent 2312390cdb
commit 5268ead2d9
2 changed files with 7 additions and 6 deletions

View File

@ -75,7 +75,7 @@
&:invalid:not(.is-empty) ~ .form-label,
&.parsley-error ~ .form-label,
&.parsley-success ~ .form-label {
transform: translate3d(0, -1.5rem, 0) scale(.75);
transform: translate3d(0, -1rem, 0) scale(.75);
transform-origin: left top;
}
}
@ -129,9 +129,10 @@
position: absolute;
left: 0;
bottom: 0;
font-size: $font-size-sm;
color: $brand-danger;
z-index: -1;
font-size: $font-size-xs;
&,
li { color: $brand-danger; }
&.filled {
animation: errors-list-show .2s $timing-bounce forwards;

View File

@ -75,11 +75,11 @@ front_page: true
<form action="" id="form-earlyaccess" class="js-parsley">
<p class="form-group">
<input class="form-control" type="text" id="name" name="name">
<input class="form-control" type="text" id="name" name="name" required>
<label class="form-label" for="name">Your Name</label>
</p>
<p class="form-group">
<input class="form-control" type="email" id="email" name="email">
<input class="form-control" type="email" id="email" name="email" required>
<label class="form-label" for="email">Your Email</label>
</p>
<p class="form-group">