Example Form
HTML
<form class="foo-form-default foo-form-login"> <!-- legend --> <legend class="foo-legend-default"></legend> <!-- list --> <ul> <li> <label class="foo-label-default" for="user">User</label> <input id="user" class="foo-field-default foo-field-text" name="user" /> </li> <li> <label class="foo-label-default" for="password">Password</label> <input id="password" class="foo-field-default foo-field-password" type="password" name="password" /> </li> </ul> <!-- button --> <button class="foo-button-default foo-button-submit" type="submit" name="submit">Submit</button> <button class="foo-button-default foo-button-reset" type="reset" name="reset">Reset</button> </form>
CSS
/** * @tableofcontents * * 1. form */ /** @section 1. form */ .foo-form-default { } .foo-field-default { } .foo-button-default { }Edit on GitHub