diff options
| author | Valentin Heinz <inktrap@users.noreply.github.com> | 2017-04-08 14:03:25 +0200 |
|---|---|---|
| committer | Alexis Metaireau <alexis@notmyidea.org> | 2017-04-08 14:03:25 +0200 |
| commit | 5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch) | |
| tree | f4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components/form-advanced.css | |
| parent | 00986ab80df4b6be2d1306671907e2b2378e487f (diff) | |
| download | pelican-themes-5c231ceade17e7f5b1bba90e845dd2d17e54da1c.tar.gz | |
uikit demo theme ported to pelican (#385)
Diffstat (limited to 'uikit/static/css/components/form-advanced.css')
| -rw-r--r-- | uikit/static/css/components/form-advanced.css | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/uikit/static/css/components/form-advanced.css b/uikit/static/css/components/form-advanced.css new file mode 100644 index 0000000..4c80760 --- /dev/null +++ b/uikit/static/css/components/form-advanced.css @@ -0,0 +1,78 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Form advanced + Note: Only works in Webkit at the moment + ========================================================================== */ +/* + * 1. Style + * 2. Makes box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + */ +.uk-form input[type="radio"], +.uk-form input[type="checkbox"] { + /* 1 */ + display: inline-block; + height: 14px; + width: 14px; + border: 1px solid #aaaaaa; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + outline: 0; + /* 5 */ + background: transparent; +} +/* Radio */ +.uk-form input[type="radio"] { + border-radius: 50%; +} +/* + * Checked + */ +.uk-form input[type=radio]:before, +.uk-form input[type=checkbox]:before { + display: block; +} +/* Radio */ +.uk-form input[type=radio]:checked:before { + content: ''; + width: 8px; + height: 8px; + margin: 2px auto 0; + border-radius: 50%; + background: #00a8e6; +} +/* Checkbox */ +.uk-form input[type=checkbox]:checked:before, +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f00c"; + font-family: FontAwesome; + font-size: 12px; + -webkit-font-smoothing: antialiased; + text-align: center; + line-height: 12px; + color: #00a8e6; +} +.uk-form input[type=checkbox]:indeterminate:before { + content: "\f068"; +} +/* + * Disabled + */ +.uk-form input[type=radio]:disabled, +.uk-form input[type=checkbox]:disabled { + border-color: #dddddd; +} +.uk-form input[type=radio]:disabled:checked:before { + background-color: #aaaaaa; +} +.uk-form input[type=checkbox]:disabled:checked:before, +.uk-form input[type=checkbox]:disabled:indeterminate:before { + color: #aaaaaa; +} |