Cookie Notice
Adding the Cookie notice snippet
The functioning Cookie Notice snippet lives in a separate repo here. Please refer to its readme for instructions on how to implement.
Note that the SCSS files are already included in the Cookie Notice snippet, so are not needed for implementation.
SCSS files used:
0-utilities/all1-settings/all2-tools/all6-components/components.cookie-notice
The markup
A visual example of the Cookie Notice styling is fixed to the bottom of this page.
For reference the markup is outlined below.
<div class="cookie-wrapper">
<div class="cookie-container">
<div class="cookie">
<div class="cookie__col cookie__col--grow">
<p class="cookie__notice">
Hello! Our website uses cookies to help us provide you with the best user experience and to deliver customised experiences. You can find out more about the cookies we use and your cookie choices, <a href="https://pod-point.com/technical/privacy-policy" target="_blank">here</a>. If you continue to use our services, we’ll assume you’re ok with this.
</p>
</div>
<div class="cookie__col cookie__col--centre">
<button class="cookie__btn">
That's ok with me
</button>
</div>
</div>
</div>
</div>
Hello! Our website uses cookies to help us provide you with the best user experience and to deliver customised experiences. You can find out more about the cookies we use and your cookie choices, here. If you continue to use our services, we’ll assume you’re ok with this.