<div class="o-search">
<div class="o-search__padded">
<div class="row display-flex align-items-center">
<div class="grid-auto u-p-r-0">
<span class="o-search__icon">
<svg class="icon">
<use xlink:href="#icon-search"></use>
</svg>
</span>
</div>
<div class="grid u-p-l-0 display-flex">
<label for="" class="u-visuallyhidden">Sök Tjänster & produkter</label>
<input type="search" class="o-search__input js-search-domain-input" placeholder="Sök Tjänster & produkter" id="" aria-describedby="number-of-hits" value="">
<button id="o-search-result-submit" type="submit" class="a-button a-button--sandstone a-button--large o-search__submit">
<span class="a-button__text">Sök</span>
</button>
</div>
</div>
</div>
<div class="o-search__status o-search__padded background-sandstone-light">
Antal Tjänster & produkter i listan: <span data-total-registrars="true">127</span>
</div>
<ul class="o-service-product-list">
<li class="o-service-product-list__item">
<div class="o-service-product-list__logo">
<a href="http://www.gotit.se/"><img class="o-service-product-list__logo__image" src="https://www.skolfederation.se/wp-content/uploads/2017/02/logo_gotit.png" alt="Gotit AB"></a>
</div>
<div class="o-service-product-list__data">
<dl class="o-service-product-list__data__list">
<dt>Alvis</dt>
<dd><a href="http://www.gotit.se/" class="u-link u-display-inline-block u-m-b-1">Gotit AB</a></dd>
<dd>Ett IT-stöd anpassat för alla former av vuxenutbildning. Alvis stödjer vuxenutbildning i egenregi, upphandlad utbildning eller en blandning av dessa.</dd>
</dl>
</div>
</li>
<li class="o-service-product-list__item">
<div class="o-service-product-list__logo">
<a href="http://www.gotit.se/"><img class="o-service-product-list__logo__image" src="https://www.skolfederation.se/wp-content/uploads/2016/10/MV-Nordic_logotyp-180x34.png" alt="MV Nordic AB"></a>
</div>
<div class="o-service-product-list__data">
<dl class="o-service-product-list__data__list">
<dt>Det flexibla avtalet</dt>
<dd><a href="http://www.gotit.se/" class="u-link u-display-inline-block u-m-b-1">MV Nordic AB</a></dd>
<dd>Avtalen ger dig som uppköpare eller rektor möjlighet att hjälpa elever med dyslexi eller andra läs- och skrivsvårigheter med att klara sig i skolan eller på en utbildning.</dd>
</dl>
</div>
</li>
<li class="o-service-product-list__item">
<div class="o-service-product-list__logo">
<a href="http://www.gotit.se/"><img class="o-service-product-list__logo__image" src="https://www.skolfederation.se/wp-content/uploads/2015/04/NoK_Logo_35mm.gif" alt="Natur & kultur"></a>
</div>
<div class="o-service-product-list__data">
<dl class="o-service-product-list__data__list">
<dt>Digitalbok</dt>
<dd><a href="http://www.gotit.se/" class="u-link u-display-inline-block u-m-b-1">Natur & kultur</a></dd>
<dd>En digitalbok är den tryckta boken i digitalt format. Läs boken på en pekplatta, datorn eller telefon.</dd>
</dl>
</div>
</li>
</ul>
</div>
<div class="a-paging-wrapper">
<a href="#" class="a-paging">
<span class="u-visuallyhidden">Föregående sida</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-backwards"></use>
</svg>
</a>
<span class="a-paging-wrapper__text">sida 2 av 11</span>
<a href="#" class="a-paging">
<span class="u-visuallyhidden">Nästa sida</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-forwards"></use>
</svg>
</a>
</div>
<div class="o-search">
<div class="o-search__padded">
<div class="row display-flex align-items-center">
<div class="grid-auto u-p-r-0">
<span class="o-search__icon">
<svg class="icon">
<use xlink:href="#icon-search"></use>
</svg>
</span>
</div>
<div class="grid u-p-l-0 display-flex">
<label for="" class="u-visuallyhidden">Sök Tjänster & produkter</label>
<input type="search" class="o-search__input js-search-domain-input" placeholder="Sök Tjänster & produkter" id="" aria-describedby="number-of-hits" value="">
<button id="o-search-result-submit" type="submit" class="a-button a-button--sandstone a-button--large o-search__submit">
<span class="a-button__text">Sök</span>
</button>
</div>
</div>
</div>
<div class="o-search__status o-search__padded background-sandstone-light">
Antal Tjänster & produkter i listan: <span data-total-registrars="true">127</span>
</div>
{{render '@members-service-product--list' member="false"}}
</div>
<div class="a-paging-wrapper">
<a href="#" class="a-paging">
<span class="u-visuallyhidden">Föregående sida</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-backwards"></use>
</svg>
</a>
<span class="a-paging-wrapper__text">sida 2 av 11</span>
<a href="#" class="a-paging">
<span class="u-visuallyhidden">Nästa sida</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-forwards"></use>
</svg>
</a>
</div>
{
"provider": "Gotit AB",
"logo": "https://www.skolfederation.se/wp-content/uploads/2017/02/logo_gotit.png",
"description": "Ett IT-stöd anpassat för alla former av vuxenutbildning. Alvis stödjer vuxenutbildning i egenregi, upphandlad utbildning eller en blandning av dessa.",
"serviceName": "Alvis",
"heading": "Filtrera",
"filter": true,
"columns": [
{
"title": "Kategori",
"textSearch": false,
"checkboxes": [
{
"id": "tjansteleverantor",
"checkboxLabel": "Tjänsteleverantör",
"value": "0",
"is_inline": false,
"is_disabled": false
},
{
"id": "anvandarorganisation",
"checkboxLabel": "Användarorganisation",
"value": "1",
"is_inline": false,
"is_disabled": false
}
]
}
]
}
@charset 'UTF-8';
@include organism(service-product-list) {
list-style: none;
margin: 0 0 rhythm(2) 0;
padding: 0;
@include e(item) {
display: flex;
flex-direction: column;
padding: rhythm(3) rhythm(2);
& + & {
border-top: 1px solid $color-concrete;
}
@include bp-up(sm) {
padding-top: rhythm(2);
padding-bottom: rhythm(2);
flex-direction: row;
align-items: center;
}
}
@include e(logo) {
flex-shrink: 0;
@include e(image) {
width: 100px;
height: auto;
margin-right: rhythm(4);
margin-bottom: rhythm(1);
@include bp-up(sm) {
margin-bottom: 0;
}
}
}
@include e(data) {
@include e(list) {
list-style: none;
margin: 0;
padding: 0;
dt, dd {
margin: 0;
padding: 0;
}
dt {
@extend %beta;
}
dd {
max-width: calc(#{rem(612px)} + #{($indent * 2)});
}
}
}
}
No notes defined.