BAS Style Kit Documentation

Home

All getting started Introduction Distribution Standards & Accessibility

All core styles Buttons Code Colours Favicon Forms Grid Icons Images Layout Lists Logos Preflight Tables Typography

All components Alert Badge Breadcrumb Button group Card Drop down Footer Header Image copyright Input group Jumbotron Label Media object Navigation Navbar Page header Pagination Progress bar Responsive embed Sidebar Social media Thumbnail

All interactivity Alert Button Collapse Cookie notice Drop down Drop zone Modal Navigation Pop over Sortable Tooltip Transition Version

All patterns Item type header ORCID iD Page not found page Problem with this service page Service unavailable page Sign in to continue Standard header Start page Markdown textarea

All topics Form examples Grid system examples Visibility examples Markdown for static websites Testbed

BAS Home Discover BAS Data

Introduction Distribution Standards & Accessibility What's new

All core styles Buttons Code Colours Favicon Forms Grid Icons Images Layout Lists Logos Preflight Tables Typography

All components Alert Badge Breadcrumb Button group Card Drop down Footer Header Image copyright Input group Jumbotron Label Media object Navigation Navbar Page header Pagination Progress bar Responsive embed Sidebar Social media Thumbnail

All interactivity Alert Button Collapse Cookie notice Drop down Drop zone Modal Navigation Pop over Sortable Tooltip Transition Version

All patterns Item type header ORCID iD Page not found page Problem with this service page Service unavailable page Sign in to continue Standard header Start page Markdown textarea Testbed

All topics Form examples Grid system examples Visibility examples Markdown for static websites

Search

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

Home
Core

Core styles

Favicon

Overview
Supported browsers
Usage

Grid

Overview
Available grids
- Grid columns
- Grid rows
Grid breakpoints
Grid modifiers
- Column modifiers
- Row modifiers
Offsetting columns
Nesting columns
Ordering columns

Code

Inline code
Code block
Variables
User input
Sample output

Colours

Overview
Page background
Typography
Components
Variants
Standard contextual colours
Development phase colours
BAS theme colours
BAS facility colours
External service colours
Standard greyscale colours
Standard colours
Extended colours

Forms

Form fields
Form controls
Form layouts
Element states
- Disabled state
- Readonly state
Help text
Validation
Examples

Icons

Overview
Icon families
- Font Awesome
- Bootstrap icons
SVG icons
- Caret
- Search
Close icon
Conventional icons

Images

Responsive images
Image shapes

Layout

Overview
Containers
Responsive breakpoints
Using responsive breakpoints
Floated blocks
Centred blocks
Clearfix
Visibility
Responsive visibility classes
Print visibility classes
Test cases

Lists

Lists
Definition list

Logos

Overview
BAS logo
Open Government Licence Symbol
- Variants (OGL Symbol)
- Sizes (OGL Symbol)
Microsoft user account pictogram
- Variants (Microsoft User Account Pictogram)
- Sizes (Microsoft User Account Pictogram)

Preflight

Overview

Tables

Basic table
Striped rows
Bordered rows
Hoverable rows
Contextual rows
Small table
Responsive table

Typography

Typographic base
Font families
Headings
- Secondary headings text
Paragraphs
Font size utilities
Links
Inline text elements
Abbreviations
Blockquotes
- Blockquotes with a source
- Reversed blockquotes
Addresses
Horizontal rule
Muted text
Primary text
Experimental text
Contextual colours
Alignment
Transformations

Buttons

Overview
Supported elements
Variants
Sizes
- Block level buttons
Active States
- Active state
Disabled States
- Disabled button elements
- Disabled link elements

Privacy & Cookies Copyright Contact

© 2026