Lunds universitet - Style Guide

Cookiebar 

<div id="cookieBar" class="alert text-dark bg-flower-50 fixed-bottom fade show m-0 border-0 rounded-0 font-size-sm" role="dialog">
    <div class="row justify-content-around align-items-center">
        <div class="col-12 col-xl-8">
            <p>Den här webbplatsen använder cookies för att förbättra användarupplevelsen. Genom att fortsätta använda webbplatsen samtycker du till att cookies används enligt vår <a href="http://www.ehl.lu.se/om-webbplatsen" class="alert-link text-dark">cookie-policy</a>.</a></p>
        </div>
        <div class="col-12 col-xl-4 mt-2 mt-xl-0 d-flex justify-content-center">
            <button type="button" class="btn cookie__btn--ok dark me-2 agree-button eu-cookie-compliance-default-button border-dark">
                Jag förstår
            </button>
            <button type="button" class="btn border border-primary cookie__btn--no decline-button eu-cookie-compliance-secondary-button">
                Nej tack
            </button>
        </div>
    </div>
</div>
 
<div id="cookieBar" class="alert text-dark bg-flower-50 fixed-bottom fade show m-0 border-0 rounded-0 font-size-sm" role="dialog">
  <div class="row justify-content-around align-items-center">
    <div class="col-12 col-xl-8">
      <p>{{{content}}}</a></p>
    </div>
    <div class="col-12 col-xl-4 mt-2 mt-xl-0 d-flex justify-content-center">
      <button type="button" class="btn cookie__btn--ok dark me-2 agree-button eu-cookie-compliance-default-button border-dark">
        {{agreeButton}}
      </button>
      <button type="button"
        class="btn border border-primary cookie__btn--no decline-button eu-cookie-compliance-secondary-button">
        {{declineButton}}
      </button>
    </div>
  </div>
</div>
 
{
  "content": "Den här webbplatsen använder cookies för att förbättra användarupplevelsen. Genom att fortsätta använda webbplatsen samtycker du till att cookies används enligt vår <a href=\"http://www.ehl.lu.se/om-webbplatsen\" class=\"alert-link text-dark\">cookie-policy</a>.",
  "agreeButton": "Jag förstår",
  "declineButton": "Nej tack"
}

No notes defined.