600 West

Inputgroup 

<div id="" class="InputGroup " style="">
    <label>
        <span>
            Text
                
        </span>
<input
    id="text"
    name="text"
    type="text"
    class=""
    
    
    
    
    autocomplete
    
    
    
    
    
    
    
    
    
/>
    </label>

    <label>
        <span>
            Text
                
        </span>
<input
    id="text"
    name="text"
    type="text"
    class=""
    
    
    
    
    autocomplete
    
    
    
    
    
    
    
    
    
/>
    </label>

</div>
 
<div id="{{id}}" class="InputGroup {{modifier}}" style="{{style}}">
    {{> @children}}
</div>
 
{
  "children": [
    {
      "component": "input"
    },
    {
      "component": "input"
    }
  ]
}
  • Content: 
    @media #{$desktop-media} {
    .InputGroup {
        display: flex;
        flex-wrap: nowrap;

        > label {
            width: 100%;

            &:first-child:not(:last-child) input {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            &:not(:first-child):not(:last-child) input {
                border-radius: 0;
            }
            &:last-child:not(:first-child) input {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
        }
        label:not(.Rating) + label {
            margin-top: 0;
        }
    }
}
  • URL: /components/raw/inputgroup/InputGroup.scss
  • Filesystem Path: components/molecules/InputGroup/InputGroup.scss
  • Size: 647 Bytes

There are no notes for this item.