<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"
}
]
}
.no-js-search {
ul {
li {
border-top: 1px solid $grey-border;
padding-top: $xs-space;
padding-bottom: $xs-space;
article {
p {
margin-bottom: 0px;
}
}
}
}
}
There are no notes for this item.