12.5 #Form.shrinked-row Shrinked row — no bottom margin

Toggle example guides Toggle HTML markup

.sf-form > .sf-input.-shrinked

Field is required

Example: Input example text

Html 
    <div class="sf-form">
         <div class="sf-input -shrinked">
             <label class="sf-input__label" for="form_input_11">
                 <span>Field 1</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_11" placeholder="Search the blog..." />
             <p class="sf-input__required" style="display: block">Field is required</p>
             <p class="hint sf-input__hint">Example:&nbsp;Input example text</p>
         </div>
         <div class="sf-input -shrinked">
             <label class="sf-input__label" for="form_input_12">
                 <span>Field 2</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_12" placeholder="Search the blog..." />
         </div>
    </div>