Typography

There are no notes for this item.

<header>Thin 60/80</header>

<h1>Regular 21/30</h1>

<h2>Light 21/30</h2>

<h3>Regular 18/25</h3>

<h4>Regular 16/20</h4>

<h5>Light 16/20</h5>

<button class="button button--default">Regular 14/20</button>

<p>Light 14/20</p>

<p class="body-small">Regular 12/15</p>

<p class="print-fine">Regular 10/15</p>
  • Content:
    header,
    .header {
      font-size: $font-header;
    }
    
    h1,
    .alpha {
      font-size: $font-h1;
      font-family: $font-regular;
    }
    
    h2,
    .beta {
      font-size: $font-h2;
    
    }
    
    h3,
    .gamma {
      font-size: $font-h3;
      font-family: $font-regular;
    }
    
    h4,
    .delta {
      font-size: $font-h4;
      font-family: $font-regular;
    }
    
    h5,
    .epsilon {
      font-size: $font-h5;
    }
    
    .body-small {
      font-size: $font-small;
      font-family: "Cisco Sans Regular";
      color: $color-hover;
    }
    
    .print-fine {
      font-size: $font-fine;
      font-family: "Cisco Sans Regular";
      color: $color-hover;
    }
    
  • URL: /components/raw/typography/typography.scss
  • Filesystem Path: components/01-particles/03-typography/typography.scss
  • Size: 539 Bytes