hkk Frontend 2017

Formular (Mikro) 

<form class="form-micro">
    <div class="form-micro-group">
        <input class="input input--text" type="text" placeholder="PLZ" id="input-5403" name="input-5403" />
        <a class="button button--blue button--icon" aria-label="Ein Label" id="button-4812" href="#">
            <svg class="icon button__icon icon--internal-link" id="icon-d63a" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-internal-link"></use>
</svg>
        </a>
    </div>
</form>
 
-
  //- Prepare attr object
  attr = attr || {};
  attr.class = classList(attr.class);

  //- Form element settings
  settings = settings || {};

//- Wrap
form.form-micro&attributes(attr)
  //- Form inner
  .form-micro-group
    //- Render group of form elements (e.g. radio, checkbox)
    if group
      for groupItem in group
        - groupItemSettings = Object.assign(settings, groupItem.settings);
        != include(`@${groupItem.use}`, groupItemSettings)
 
/* No context defined for this component. */
  • Content: 
    .form-micro {
  .input--text {
    border: 0;
    border-radius: 3px 0 0 3px;
    min-width: 0;
  }

  .button {
    border-radius: 0 3px 3px 0;
  }
}

.form-micro-group {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center;
  padding: 0;
}
  • URL: /components/raw/form-micro/form-micro.scss
  • Filesystem Path: src/components/organisms/form-micro/form-micro.scss
  • Size: 268 Bytes

There are no notes for this item.