Skip to main content

Getting Started
Core
- All core styles
- All core styles
- Buttons
- Buttons
- Code
- Code
- Colours
- Colours
- Favicon
- Favicon
- Forms
- Forms
- Grid system
- Grid system
- Icons
- Icons
- Images
- Images
- Layout
- Layout
- Lists
- Lists
- Logos
- Logos
- Reboot
- Reboot
- Tables
- Tables
- Typography
- Typography
Components
- All components
- All components
- Alert
- Alert
- Badge
- Badge
- Breadcrumb
- Breadcrumb
- Button group
- Button group
- Card
- Drop down
- Footer
- Drop down
- Footer
- Header
- Header
- Image copyright
- Image copyright
- Input group
- Input group
- Jumbotron
- Label
- Jumbotron
- Label
- Media object
- Media object
- Navigation
- Navigation
- Navbar
- Navbar
- Page header
- Page header
- Pagination
- Pagination
- Panel
- Progress bar
- Progress bar
- Responsive embed
- Responsive embed
- Sidebar
- Sidebar
- Social media
- Social media
- Thumbnail
- Thumbnail
Interactivity
- All interactivity
- All interactivity
- Alert
- Alert
- Button
- Button
- Collapse
- Collapse
- Cookie Notice
- Cookie Notice
- Drop-Down
- Drop-Down
- Drop-Zone
- Drop-Zone
- Modal
- Modal
- Navigation
- Navigation
- Pop-Over
- Pop-Over
- Sortable
- Sortable
- Tool-Tip
- Tool-Tip
- Transition
- Transition
- Version
- Version
Patterns
More
Version:

Part of British Antarctic Survey

Experimental This website is used for testing – your feedback will help us to improve it.

Core styles

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system

Buttons

Overview
Supported elements
Default button
Primary button
Experimental button
Microsoft sign in button
Contextual colours
Contextual icons
Link
Sizes
States

Code

Inline code
Code block
Variables
User input
Sample output

Colours

Overview
Page background
Typography
Components
Variants
Standard contextual colours
Development phase colours
Standard colours
Extended colours

Favicon

Overview
Supported browsers

Forms

Form controls
Static controls
Form layouts
Form sizing
Control states
Help text
Validation
Examples

Grid system

Overview
Available grids
Grid components
Quick start
Grid sizes
Offsetting columns
Nesting columns
Ordering columns
Responsive column resets
Examples

Icons

Overview
Font Awesome
Bootstrap Icons
Close icon
Conventional icons

Images

Responsive images
Image shapes

Layout

Overview
Containers
Responsive breakpoints
Floated blocks
Centred blocks
Clearfix
Visibility

Lists

Lists
Definition lists

Logos

Overview
BAS logo
Open Government Licence Symbol

Reboot

Overview
Normalise.css

Tables

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

Typography

Typographic base
Font families
Headings
Paragraphs
Lead paragraph
Links
Inline elements
Abbreviations
Blockquotes
Addresses
Horizontal rule
Muted text
Primary text
Experimental text
Contextual colours
Alignment
Transformations

Is something wrong with this page?

Back to top

The British Antarctic Survey (BAS) is part of UK Research and Innovation (UKRI)

Open Government Licence

All content is available under the Open Government Licence v3.0, except where otherwise stated

Cookies
Copyright
Privacy

© 2024 British Antarctic Survey