BFNA Design System

Cookie 

<input id="cookie-trigger" type="checkbox">
<div class="floating-message">
    <div class="wrapper">
        <div class="floating-message__content">
            <p>We use cookies to ensure you get the best experience on our website. <a class="link" href="/privacy-policy">More information</a></p>
            <label for="cookie-trigger"><i class="material-icons">close</i></label>
        </div>
    </div>
</div>
 
<input id="cookie-trigger" type="checkbox">
  <div class="floating-message">  
    <div class="wrapper">
      <div class="floating-message__content">  
        <p>We use cookies to ensure you get the best experience on our website. <a class="link" href="/privacy-policy">More information</a></p>
        <label for="cookie-trigger"><i class="material-icons">close</i></label>
      </div>
    </div>
  </div>
 
/* No context defined for this component. */
  • Content: 
    .floating-message {
    position: fixed;
    z-index: 100;
    bottom: 40px;
    transition: all .3s ease;
    width: 100%;
    left: 0;
  }
  
  .floating-message__content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
    padding: 0 24px 4px;
  }
  
  .floating-message__content > p { 
    flex: 1; 
    padding: 0 2rem;
  }
  .floating-message__content > label { 
    margin-top: 8px; 
    cursor: pointer;
  }
  .floating-message__content a { color: #fa8900; }
  • URL: /components/raw/cookie/cookie.scss
  • Filesystem Path: src/components/03-components/cookie/cookie.scss
  • Size: 647 Bytes

There are no notes for this item.