From 051c7f07041fa163b8561575e8c43441f91eb40b Mon Sep 17 00:00:00 2001 From: Anton Staroverov Date: Mon, 10 Oct 2016 11:47:59 +0300 Subject: [PATCH] Compile --- dist/float-label.css | 13 +++++++++++-- dist/float-label.min.css | 2 +- 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/dist/float-label.css b/dist/float-label.css index be5aca4..b445db0 100644 --- a/dist/float-label.css +++ b/dist/float-label.css @@ -15,7 +15,12 @@ appearance: none; } .has-float-label .form-control { font-size: inherit; - padding-top: .5em; } + padding-top: 1em; + margin-bottom: 2px; + border: 0; + border-radius: 0; + background: transparent; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; @@ -24,7 +29,11 @@ opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus) + label { font-size: 150%; - opacity: .5; } + opacity: .5; + top: .25em; } + .has-float-label .form-control:focus { + outline: none; + border-color: rgba(0, 0, 0, 0.5); } .input-group .has-float-label { display: inline-block; } diff --git a/dist/float-label.min.css b/dist/float-label.min.css index 62a12c4..f999d7f 100644 --- a/dist/float-label.min.css +++ b/dist/float-label.min.css @@ -1 +1 @@ -.has-float-label{position:relative}.has-float-label label{position:absolute;left:0;top:0;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-float-label .form-control{font-size:inherit;padding-top:.5em}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+label{font-size:150%;opacity:.5}.input-group .has-float-label{display:inline-block} \ No newline at end of file +.has-float-label{position:relative}.has-float-label label{position:absolute;left:0;top:0;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-float-label .form-control{font-size:inherit;padding-top:1em;margin-bottom:2px;border:0;border-radius:0;background:0 0;border-bottom:2px solid rgba(0,0,0,.1)}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+label{font-size:150%;opacity:.5;top:.25em}.has-float-label .form-control:focus{outline:0;border-color:rgba(0,0,0,.5)}.input-group .has-float-label{display:inline-block} \ No newline at end of file