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
{
}