We are working on something new! Check it out here!

Large search form

The search form basiclly is a input-group (find docs under Forms/Input group).

Example

<form class="search" method="get" action="/">
   <label for="search-keyword" class="sr-only">Sök på Helsingborg.se</label>
   <div class="input-group input-group-lg">
       <input id="search-keyword" autocomplete="off" class="form-control form-control-lg" type="search" name="s" placeholder="Search cupcakes">
       <span class="input-group-addon-btn">
           <input type="submit" class="btn btn-primary btn-lg" value="Search">
       </span>
   </div>
</form>
Source file: ~/source/sass/components/search/_search-form.scss

Search results

A list of search results.

Example

<ul class="search-result-list">
    <li>
        <div class="search-result-item">
            <span class="search-result-date">13 jan 2016</span>
            <h3><a href="#" class="link-item">Sweet roll brownie jelly</a></h3>
            <p>Jujubes oat cake sweet sugar plum cupcake. Bonbon pudding I love I love soufflé. Halvah I love pie pudding…</p>
            <div class="search-result-info">
                <span class="search-result-url"><i class="fa fa-globe"></i> <a href="#">www.helsingborg.se/startsida/forskola-och-utbildning/forskola/</a></span>
            </div>
        </div>
    </li>
    <li>
        <div class="search-result-item">
            <span class="search-result-date">13 jan 2016</span>
            <h3><a href="#" class="link-item">Candy canes bear claw</a></h3>
            <p>Biscuit jujubes candy canes bear claw donut. I love tootsie roll I love cheesecake apple pie lollipop jelly. Marshmallow marzipan lemon drops dessert…</p>
            <div class="search-result-info">
                <span class="search-result-url"><i class="fa fa-globe"></i> <a href="#">www.helsingborg.se/startsida/forskola-och-utbildning/forskola/</a></span>
            </div>
        </div>
    </li>
</ul>
Source file: ~/source/sass/components/search/_search-results.scss