library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed inputs and labels lack spacing (#821)

Browse Source 
To keep consistency in the Forms documentation page I just fixed spacing between inputs and their associate labels
This commit is contained in:
MAKSS 2020-10-23 19:58:48 +03:30 committed by GitHub
parent e79bd2f2ef
commit 10096f812c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
site/src/pages/forms/index.js
View File

@ -27,8 +27,7 @@ function Forms() {
<input type="email" placeholder="Email" /> <input type="email" placeholder="Email" />
<input type="password" placeholder="Password" /> <input type="password" placeholder="Password" />
<label htmlFor="default-remember"> <label htmlFor="default-remember">
<input id="default-remember" type="checkbox" /> <input id="default-remember" type="checkbox" /> Remember me
Remember me
</label> </label>
<button type="submit" className="pure-button pure-button-primary">Sign in</button> <button type="submit" className="pure-button pure-button-primary">Sign in</button>
</fieldset> </fieldset>
@ -284,16 +283,13 @@ function Forms() {
<Example> <Example>
<form className="pure-form"> <form className="pure-form">
<label htmlFor="checkbox-radio-option-one" className="pure-checkbox"> <label htmlFor="checkbox-radio-option-one" className="pure-checkbox">
<input id="checkbox-radio-option-one" type="checkbox" value="" /> <input id="checkbox-radio-option-one" type="checkbox" value="" /> Here's option one.
Here's option one.
</label> </label>
<label htmlFor="checkbox-radio-option-two" className="pure-radio"> <label htmlFor="checkbox-radio-option-two" className="pure-radio">
<input id="checkbox-radio-option-two" type="radio" name="optionsRadios" value="option1" defaultChecked /> <input id="checkbox-radio-option-two" type="radio" name="optionsRadios" value="option1" defaultChecked /> Here's a radio button. You can choose this one..
Here's a radio button. You can choose this one..
</label> </label>
<label htmlFor="checkbox-radio-option-three" className="pure-radio"> <label htmlFor="checkbox-radio-option-three" className="pure-radio">
<input id="checkbox-radio-option-three" type="radio" name="optionsRadios" value="option2" /> <input id="checkbox-radio-option-three" type="radio" name="optionsRadios" value="option2" /> ..Or this one!
..Or this one!
</label> </label>
</form> </form>
</Example> </Example>