diff options
| author | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
|---|---|---|
| committer | Pascal Szewczyk <ps@elektrowecker.de> | 2016-07-18 23:23:54 +0200 |
| commit | c94fb32c7a3c28b18a27460aa2447eeec1fac1de (patch) | |
| tree | e3bb35d57f90256698135c722eadeb784b47992c /css/components/form-password.css | |
| parent | 89685742de42cb8e54ebdbaf7a207cfe16fa62b8 (diff) | |
uikit added
Diffstat (limited to 'css/components/form-password.css')
| -rwxr-xr-x | css/components/form-password.css | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/css/components/form-password.css b/css/components/form-password.css new file mode 100755 index 0000000..bd0b9c5 --- /dev/null +++ b/css/components/form-password.css | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Form password | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * 1. Container width fits its content | ||
| 7 | * 2. Create position context | ||
| 8 | * 3. Prevent `inline-block` consequences | ||
| 9 | */ | ||
| 10 | .uk-form-password { | ||
| 11 | /* 1 */ | ||
| 12 | display: inline-block; | ||
| 13 | /* 2 */ | ||
| 14 | position: relative; | ||
| 15 | /* 3 */ | ||
| 16 | max-width: 100%; | ||
| 17 | } | ||
| 18 | .uk-form-password-toggle { | ||
| 19 | display: block; | ||
| 20 | position: absolute; | ||
| 21 | top: 50%; | ||
| 22 | right: 10px; | ||
| 23 | margin-top: -6px; | ||
| 24 | font-size: 13px; | ||
| 25 | line-height: 13px; | ||
| 26 | color: #999; | ||
| 27 | } | ||
| 28 | .uk-form-password-toggle:hover { | ||
| 29 | color: #999; | ||
| 30 | text-decoration: none; | ||
| 31 | } | ||
| 32 | .uk-form-password > input { | ||
| 33 | padding-right: 50px !important; | ||
| 34 | } | ||
