Stad Brugge

Design system 1.0

Example
Markup: scss/styleguide/molecules/email/email.html
<div class="container app-body">
  <div class="row">
    <div class="col-lg-7 form__container">
      <form>
        <div class="form-item form-type-email form-item-email">
          <label for="email">Email</label>
          <input type="email" id="email" name="email" value="" placeholder="Email" class="form-email">
        </div>

        <div class="form-item form-type-email form-item-email form-item--error">
          <label for="email-error">Email</label>
          <input type="email" id="email-error" name="email" value="" placeholder="Email" class="form-email error" aria-invalid="true">
          <div class="form-item--error-message">
            <strong>Email field is required.</strong>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

Source: ../client/scss/styleguide/molecules/email/_email.scss, line 1