From c2b83c4adf9bc003fc98c1f6be12daa95e400203 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 13 Apr 2016 14:49:17 +0800 Subject: update forms doc and example code --- index.html | 10 ++++++---- src/forms.less | 2 +- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 3cb698c..c3729f2 100644 --- a/index.html +++ b/index.html @@ -637,10 +637,12 @@ <div class="form-group"> <label class="form-label">Gender</label> <label class="form-radio"> - <input type="radio" name="gender" /> Male + <input type="radio" name="gender" /> + <i class="form-icon"></i> Male </label> <label class="form-radio"> - <input type="radio" name="gender" checked /> Female + <input type="radio" name="gender" checked /> + <i class="form-icon"></i> Female </label> </div> <!-- form select control --> @@ -656,7 +658,7 @@ <div class="form-group"> <label class="form-switch"> <input type="checkbox" /> - Send me emails with news and tips + <i class="form-icon"></i> Send me emails with news and tips </label> </div> <!-- form textarea control --> @@ -668,7 +670,7 @@ <div class="form-group"> <label class="form-checkbox"> <input type="checkbox" /> - Remember me + <i class="form-icon"></i> Remember me </label> </div> </form> diff --git a/src/forms.less b/src/forms.less index 339cae4..e542491 100644 --- a/src/forms.less +++ b/src/forms.less @@ -253,7 +253,7 @@ transition: left .15s ease; } } - + input:checked + .form-icon { background-color: @core-color; border-color: @core-color; -- cgit v1.3.1-24-g813c