Summary Files Commits Branches @commit @diff @stats
diff options
context:
space:
mode:
Commitc2b83c4adf9bc003fc98c1f6be12daa95e400203 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2016-04-13 14:49:17 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2016-04-13 14:49:17 +0800
Files8e13e572249ae59b4e4fbaca7ce509edc95bfcad
Spectre-Dark-Gruvbox-c2b83c4adf9bc003fc98c1f6be12daa95e400203.tar
Spectre-Dark-Gruvbox-c2b83c4adf9bc003fc98c1f6be12daa95e400203.tar.gz
Spectre-Dark-Gruvbox-c2b83c4adf9bc003fc98c1f6be12daa95e400203.zip
Parent9880d32cb8abb2cbc1cfcc39669d451a820ffd21 (diff)
update forms doc and example code
2 files changed, 7 insertions, 5 deletions
-rw-r--r--index.html10
-rw-r--r--src/forms.less2
diff --git a/index.html b/index.html
index 3cb698c..c3729f2 100644
--- a/index.html
+++ b/index.html
@@ -637,10 +637,12 @@
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;form-group&quot;</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;form-label&quot;</span>&gt;Gender&lt;<span class="tag">/label</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;form-radio&quot;</span>&gt;
- &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;gender&quot;</span> /&gt; Male
+ &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;gender&quot;</span> /&gt;
+ &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;form-icon&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt; Male
&lt;<span class="tag">/label</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;form-radio&quot;</span>&gt;
- &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;gender&quot;</span> <span class="atn">checked</span> /&gt; Female
+ &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;gender&quot;</span> <span class="atn">checked</span> /&gt;
+ &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;form-icon&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt; Female
&lt;<span class="tag">/label</span>&gt;
&lt;<span class="tag">/div</span>&gt;
<span class="com">&lt;!-- form select control --&gt;</span>
@@ -656,7 +658,7 @@
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;form-group&quot;</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;form-switch&quot;</span>&gt;
&lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;checkbox&quot;</span> /&gt;
- Send me emails with news and tips
+ &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;form-icon&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt; Send me emails with news and tips
&lt;<span class="tag">/label</span>&gt;
&lt;<span class="tag">/div</span>&gt;
<span class="com">&lt;!-- form textarea control --&gt;</span>
@@ -668,7 +670,7 @@
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;form-group&quot;</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;form-checkbox&quot;</span>&gt;
&lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;checkbox&quot;</span> /&gt;
- Remember me
+ &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;form-icon&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt; Remember me
&lt;<span class="tag">/label</span>&gt;
&lt;<span class="tag">/div</span>&gt;
&lt;<span class="tag">/form</span>&gt;
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;