New This website is new, your feedback will help us to improve it.

Introduction


The BAS Style Kit is based on Tailwind CSS The Style Kit uses a customised version of Tailwind to follow our design choices


The simplest way to use the Style Kit is to include it's CSS file, before any other of your project's styles, in the <head> element of your website or service.

<link rel="stylesheet" href="" integrity="" crossorigin="anonymous">

To use any of the Style Kit’s interactive features, you will also need to add the Style Kit’s JS file and its dependencies, usually just before the end of the <body> element.

<script src="https://cdn.web.bsk.ac.uk/bsk-style-kit/0.7.3/js/bsk-style-kit.min.js" integrity="sha256-gZ+qic08vtKHiM28aXhNHl8Al1qEToL6o8d3omPEJEY=" crossorigin="anonymous"></script>

See the distribution section for other ways to include the Style Kit.


The Style Kit provides integrations with a limited number of applications and template languages. These integrations will automatically include the Style Kit and its dependencies into your website or service, and may provide other features to reduce having to write extra code.

Although these integrations are officially supported, they may be out of step with the core BAS Style Kit project. Take care to check which Style Kit version they support, and any caveats or known issues, when reading this documentation.