MIUN - Design Library

CookieBanner 

<div class="cookiebar">
    <div class="container">
        <div class="row">
            <div class="col-12 d-flex justify-content-between align-items-center">
                <p>Denna webbplats använder kakor för att ge alla besökare ökad funktionalitet och service. <a href="https://google.com">Läs mer om kakor.</a></p>
                <button class="button-default button-cookie">Jag förstår</button>
            </div>
        </div>
    </div>
</div>
 
<div class="cookiebar">
    <div class="container">
        <div class="row">
            <div class="col-12 d-flex justify-content-between align-items-center">
                <p>{{cookieText}} <a href="{{cookieUrl}}">{{cookieUrlText}}</a></p>
                <button class="button-default button-cookie">{{cookieButtonText}}</button>
            </div>
        </div>
    </div>
</div>
 
{
  "cookieText": "Denna webbplats använder kakor för att ge alla besökare ökad funktionalitet och service.",
  "cookieUrl": "https://google.com",
  "cookieUrlText": "Läs mer om kakor.",
  "cookieButtonText": "Jag förstår"
}
  • Content: 
    $(document).ready(function() {
    $('.cookiebar').cookieBar({closeButton: '.button-cookie'});
});
  • URL: /components/raw/cookiebanner/CookieBanner.js
  • Filesystem Path: src\components\01-global_components\CookieBanner\CookieBanner.js
  • Size: 100 Bytes
  • Content: 
    .cookiebar {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 50px 0;
    background-color: $light-blue;

    p {
        margin: 0;
        margin-right: 20px;
    }

    @include media-breakpoint-down(md) {
        .button-cookie {
            padding: 6px 15px;
            white-space: nowrap;
        }
    }
}
  • URL: /components/raw/cookiebanner/CookieBanner.scss
  • Filesystem Path: src\components\01-global_components\CookieBanner\CookieBanner.scss
  • Size: 362 Bytes
  • Handle: @cookiebanner
  • Preview:
  • Filesystem Path: src\components\01-global_components\CookieBanner\CookieBanner.hbs

There are no notes for this item.