diff options
update forms doc and example code
2 files changed, 7 insertions, 5 deletions
| -rw-r--r-- | index.html | 10 | ||||
| -rw-r--r-- | src/forms.less | 2 |
@@ -637,10 +637,12 @@ <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"form-group"</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"form-label"</span>>Gender<<span class="tag">/label</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"form-radio"</span>> - <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">name</span>=<span class="atv">"gender"</span> /> Male + <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">name</span>=<span class="atv">"gender"</span> /> + <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"form-icon"</span>><<span class="tag">/i</span>> Male <<span class="tag">/label</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"form-radio"</span>> - <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">name</span>=<span class="atv">"gender"</span> <span class="atn">checked</span> /> Female + <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">name</span>=<span class="atv">"gender"</span> <span class="atn">checked</span> /> + <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"form-icon"</span>><<span class="tag">/i</span>> Female <<span class="tag">/label</span>> <<span class="tag">/div</span>> <span class="com"><!-- form select control --></span> @@ -656,7 +658,7 @@ <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"form-group"</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"form-switch"</span>> <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"checkbox"</span> /> - Send me emails with news and tips + <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"form-icon"</span>><<span class="tag">/i</span>> Send me emails with news and tips <<span class="tag">/label</span>> <<span class="tag">/div</span>> <span class="com"><!-- form textarea control --></span> @@ -668,7 +670,7 @@ <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"form-group"</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"form-checkbox"</span>> <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"checkbox"</span> /> - Remember me + <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"form-icon"</span>><<span class="tag">/i</span>> Remember me <<span class="tag">/label</span>> <<span class="tag">/div</span>> <<span class="tag">/form</span>> 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; |