Text Box

<div class="txt">
      <label for="text" class="txt-l">Default (filled)</label>
      <input id="text" type="text" value="Danielle Cage" placeholder="Full name" class="txt-f">
  </div>
  <div class="txt">
      <label for="empty-text" class="txt-l">Default (placeholder)</label>
      <input id="empty-text" type="text" value="" placeholder="Your email address" class="txt-f">
  </div>
  <div class="txt">
      <label for="small-text-f" class="txt-l">Small (filled)</label>
      <input id="small-text-f" type="text" value="Steve Rogers" placeholder="Full name" class="txt-f txt-f--sm">
  </div>
  <div class="txt">
      <label for="small-text-p" class="txt-l">Small (placeholder)</label>
      <input id="small-text-p" type="text" value="" placeholder="Full name" class="txt-f txt-f--sm">
  </div>
  <div class="txt">
      <label for="password" class="txt-l">Password</label>
      <input id="password" type="password" value="password" placeholder="" class="txt-f">
  </div>