<div class="u-mb-medium">
    <div class="">

        <label class="u-label-04 u-color-base" for="">Input date</label>

        <input class=" u-block u-size-full" type="date" placeholder="04/05/1998">

    </div>

    <!-- TODO: REVIEW ICON POSITION -->

</div>
<div class="u-mb-medium">
  {% render "@input--default", {label:'Input date', type:'date', helper:false, placeholder:"04/05/1998"}, true %}
</div>
{
  "label": "Label",
  "placeholder": "Placeholder text",
  "type": "text"
}
  • Content:
    // Name:            Input
    // Description:     Input text in website's forms
    //
    // Component:       `c-form-input`
    //
    // ========================================================================
    
    // Variables
    // ========================================================================
    
    $input-outline-size: 3px;
    $input-min-small-height: 38px;
    $input-min-default-height: 48px;
    
    // ========================================================================
    
    select,
    input[type] {
    
      //
      // Sizes
      //
    
      &.c-form-size--small {
        --form-input-padding: #{$padding-xsmall} #{$padding-small};
        min-height: $input-min-small-height;
        @include type(label-07);
      }
      
      &.c-form-size--wide {
        @include type(title-05);
      }
    }
    
  • URL: /components/raw/input/input.scss
  • Filesystem Path: src/lib/components/forms/input/input.scss
  • Size: 722 Bytes

No notes defined.