Example Form

HTML

<form class="foo-form-default foo-form-login">

	<fieldset>

		<!-- legend -->

		<legend class="foo-legend-default">
			<a href="legend">Legend</a>
		</legend>

		<!-- list -->

		<ul>
			<li>
				<label class="foo-label-default" for="user">User</label>
				<input class="foo-field-default foo-field-text" id="user" name="user" />
			</li>
			<li>
				<label class="foo-label-default" for="password">Password</label>
				<input class="foo-field-default foo-field-password" id="password" type="password" name="password" />
			</li>
		</ul>

	</fieldset>

	<!-- 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