_cookie_notice.scss

.cookie-notice {
  color: white;
  background-color: #222;

  .close {
    color: white;
    opacity: 1;
    margin-top: 2px;
  }

  p {
    @extend .media;

    margin-top: 6px;
    margin-bottom: 4px;
    font-size: 14px;

    @media (min-width: $screen-md-min) {
      text-align: center;
    }

    .graphic {
      @extend .media-left;

      @media (min-width: $screen-md-min) {
        display: inline-block;
        margin-top: 1px;
      }
    }

    .content {
      @extend .media-body;

      @media (min-width: $screen-md-min) {
        display: inline;
      }
    }
  }

  a {
    color: white;
  }
}

_cookie_notice.slim

- if cookies[:_dayoftheshirt_accepted_cookies].blank?
  javascript:
    window.setCookie = function (cname, cvalue, exyears) {
      var d, expires;
      d = new Date();
      d.setTime(d.getTime() + (exyears * 365 * 24 * 60 * 60 * 1000));
      expires = "expires=" + d.toUTCString();
      document.cookie = cname + "=" + cvalue + ";" + expires;
    };

    window.hideCookieNotice = function () {
      var notice_el;
      notice_el = document.getElementById("cookie-notice");
      notice_el.parentNode.removeChild(notice_el);
    };

  aside#cookie-notice.cookie-notice
    .container
      button type="button" class="close" name="dismiss-cookie-notice" data-dismiss="alert" aria-label="Close" onClick="setCookie('_dayoftheshirt_accepted_cookies', Math.round(new Date().getTime()/1000), 99); hideCookieNotice()"
        span aria-hidden="true" ×
      p
        span.graphic= inline_svg 'cookie.svg'
        span.content We use cookies to improve your user experience. By continuing to use this site, you agree to our #{link_to 'privacy policy', privacy_path}.