<div class="container no-js-search">
    <div class="row">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <div class="alert alert-danger" role="alert">
                <h4>Javascript inaktiverat</h4>
                <p class="mb-0">Söksidan har laddats med begränsad funktionalitet.</p>
            </div>
        </div>
    </div>
    <div class="row  mt-4">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <form class="input-group row" method="POST" title="Sök på miun.se">
                <div class="col-10">
                    <input name="searchTerm" title="Sök på miun.se" type="text" class="form-control" placeholder="Sök på miun.se">
                </div>
                <div class="col-2">
                    <button class="button-small selected" type="submit">Sök</button>
                </div>
            </form>
        </div>
    </div>
    <div class="row mt-4">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <header class="d-flex flex-row flex-wrap align-items-center">
                <p class=" mb-0"><strong>25</strong> träffar</p>
            </header>
        </div>
    </div>
    <div class="row mt-4 mb-5">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <ul class="list-unstyled">
                <li class="li-article">
                    <article>
                        <h3>
                            <a href="/hit1">
                                Rubrik 1
                            </a>
                        </h3>
                        <p>
                            En lite längre text med en ingress på det länkade objektet
                        </p>
                    </article>
                </li>
                <li class="li-article">
                    <article>
                        <h3>
                            <a href="/hit2">
                                Rubrik 2
                            </a>
                        </h3>
                        <p>
                            En lite längre text med en ingress på det länkade objektet
                        </p>
                    </article>
                </li>
                <li class="li-article">
                    <article>
                        <h3>
                            <a href="/hit3">
                                Rubrik 3
                            </a>
                        </h3>
                        <p>
                            En lite längre text med en ingress på det länkade objektet
                        </p>
                    </article>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="container no-js-search">
    <div class="row">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <div class="alert alert-danger" role="alert">
                <h4>Javascript inaktiverat</h4>
                <p class="mb-0">Söksidan har laddats med begränsad funktionalitet.</p>
            </div>
        </div>
    </div>
    <div class="row  mt-4">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <form class="input-group row" method="POST" title="Sök på miun.se">
                <div class="col-10">
                    <input name="searchTerm" title="Sök på miun.se" type="text" class="form-control" placeholder="Sök på miun.se">
                </div>
                <div class="col-2">
                    <button class="button-small selected" type="submit">Sök</button>
                </div>
            </form>
        </div>
    </div>
    <div class="row mt-4">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <header class="d-flex flex-row flex-wrap align-items-center">
                <p class=" mb-0"><strong>25</strong> träffar</p>
            </header>
        </div>
    </div>
    <div class="row mt-4 mb-5">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <ul class="list-unstyled">
                {{#each hits}}
                <li class="li-article">
                    <article>
                        <h3>
                            <a href="{{url}}">
                                {{title}}
                            </a>
                        </h3>
                        <p>
                            {{body}}
                        </p>
                    </article>
                </li>
                {{/each}}
            </ul>
        </div>
    </div>
</div>
{
  "hits": [
    {
      "title": "Rubrik 1",
      "body": "En lite längre text med en ingress på det länkade objektet",
      "url": "/hit1"
    },
    {
      "title": "Rubrik 2",
      "body": "En lite längre text med en ingress på det länkade objektet",
      "url": "/hit2"
    },
    {
      "title": "Rubrik 3",
      "body": "En lite längre text med en ingress på det länkade objektet",
      "url": "/hit3"
    }
  ]
}
  • Content:
    .no-js-search {
        ul {
            li {
                border-top: 1px solid $grey-border;
                padding-top: $xs-space;
                padding-bottom: $xs-space;
    
                article {
                    p {
                        margin-bottom: 0px;
                    }
                }
            }
        }
    }
  • URL: /components/raw/searchresultnojavascript/SearchResultNoJavascript.scss
  • Filesystem Path: src\components\01-global_components\SearchResultNoJavascript\SearchResultNoJavascript.scss
  • Size: 307 Bytes
  • Handle: @searchresultnojavascript
  • Preview:
  • Filesystem Path: src\components\01-global_components\SearchResultNoJavascript\SearchResultNoJavascript.hbs
  • Referenced by (1): @searchallpage

There are no notes for this item.