Skip to main content

Lists

Lists

Unordered list

  • High Frequency (HF) — Field radios
  • VHF Radio (marine band - FM) — Base station and handheld mobile units
  • VHF Radio (aeronautical band - AM) — Base station and handheld mobile units
  • Iridium satellite system — Base station and handheld mobile units
  • Very Small Aperture Terminal (VSAT) Satellite system (main communication system)
  • Voice over IP (VoIP) Telephone system
<ul>
  <li>High Frequency (HF) &mdash; Field radios</li>
  <li>VHF Radio (marine band - FM) &mdash; Base station and handheld mobile units</li>
  <li>VHF Radio (aeronautical band - AM) &mdash; Base station and handheld mobile units</li>
  <li>Iridium satellite system &mdash; Base station and handheld mobile units</li>
  <li>Very Small Aperture Terminal (VSAT) Satellite system (main communication system)</li>
  <li>Voice over IP (VoIP) Telephone system</li>
</ul>

Ordered list

  1. check eligibility and requirements
  2. submit a Preliminary request for Antarctic logistic support
  3. submit a funding proposal - Deadline 19th July 2016 16:00 BST
<ol>
  <li>check eligibility and requirements</li>
  <li>submit a Preliminary request for Antarctic logistic support</li>
  <li>submit a funding proposal - Deadline <strong>19th July 2016 16:00 BST</strong></li>
</ol>

Unstyled list

Use the .bsk-list-unstyled class to remove the default list-style and margin left margin. Useful for things which semantically are lists, but shouldn’t be styled as such.

This only applies to immediate list items. I.e. this style won’t be used by any nested lists.

  • unstyled list item
  • unstyled list item
    1. not an unstyled ordered list item
    2. not an unstyled ordered list item
    • not an unstyled unordered list item
    • not an unstyled unordered list item
  • 2012 — Present: Head of Information Services (Band 4), BAS
  • 2006 — 2012: Senior Geoscience Data Manager (Band 5), BAS
  • 2002 — 2006: Geology Data Manager (Band 6), BAS
<ul class="bsk-list-unstyled">
  <li>unstyled list item</li>
  <li>unstyled list item</li>
  <li>
    <ol>
      <li>not an unstyled ordered list item</li>
      <li>not an unstyled ordered list item</li>
    </ol>
  </li>
  <li>
    <ul>
      <li>not an unstyled unordered list item</li>
      <li>not an unstyled unordered list item</li>
    </ul>
  </li>
</ul>

<ul class="bsk-list-unstyled">
  <li>2012 &mdash; Present: Head of Information Services (Band 4), BAS</li>
  <li>2006 &mdash; 2012: Senior Geoscience Data Manager (Band 5), BAS</li>
  <li>2002 &mdash; 2006: Geology Data Manager (Band 6), BAS</li>
</ul>

Inline list

Use the .bsk-list-inline & bsk-list-inline-item classes to place all list items on a single line, with horizontal spacing between.

  • Information Services
  • Polar Data Centre
<ul class="bsk-list-inline">
  <li class="bsk-list-inline-item">Information Services</li>
  <li class="bsk-list-inline-item">Polar Data Centre</li>
</ul>

Definition List

A list of terms with associated definitions.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl>
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

Horizontal definition list

Add the .bsk-dl-horizontal class to show terms and definitions side-by-side (or stacked at smaller sizes).

Terms which are too long will be truncated.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl class="bsk-dl-horizontal">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

Large definition list

Add the .bsk-dl-lg class to apply additional padding.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl class="bsk-dl-lg">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

Large horizontal definition list

Add the .bsk-dl-horizontal-lg class to extend the width of terms in horizontal definition lists.

This class depends on the .bsk-dl-horizontal class.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl class="bsk-dl-horizontal bsk-dl-horizontal-lg">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

Striped definition list

Add .bsk-dl-striped to apply additional styling to terms.

This class is designed to be used with .bsk-dl-lg to ensure a suitable amount of padding.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl class="bsk-dl-lg bsk-dl-striped">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

Striped horizontal definition list

The .bsk-dl-striped class can be combined with .bsk-dl-horizontal, or .bsk-dl-horizontal-lg.

Remember, the .bsk-dl-horizontal-lg class depends on the .bsk-dl-horizontal class.

Remember, the .bsk-dl-striped class is designed to be used with .bsk-dl-lg to ensure a suitable amount of padding.

HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
HF
High Frequency
VFH Radio
Very High Frequency Radio
VSAT
Very Small Aperture Terminal
VoIP
Voice over IP
<dl class="bsk-dl-lg bsk-dl-striped bsk-dl-horizontal">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>

<dl class="bsk-dl-lg bsk-dl-striped bsk-dl-horizontal bsk-dl-horizontal-lg">
  <dt>HF</dt>
    <dd>High Frequency</dd>
  <dt>VFH Radio</dt>
    <dd>Very High Frequency Radio</dd>
  <dt>VSAT</dt>
    <dd>Very Small Aperture Terminal</dd>
  <dt>VoIP</dt>
    <dd>Voice over IP</dd>
</dl>