// Typography styles
// ----------------------------------------------

/* SG
# Typography

```
<p class="CDB-Text CDB-Size-huge">Open Sans 26/34 Regular</p>
<p class="CDB-Text CDB-Size-huge is-light">Open Sans 26/34 Light</p>
<p class="CDB-Text CDB-Size-large">Open Sans 16/22 Regular</p>
<p class="CDB-Text is-semibold CDB-Size-medium">Open Sans 12/16 Semibold</p>
<p class="CDB-Text is-semibold is-upper CDB-Size-medium">Open Sans 12/16 Semibold Uppercase</p>
<p class="CDB-Text CDB-Size-medium">Open Sans 12/16 Regular</p>
<p class="CDB-Text is-semibold CDB-Size-small">Open Sans 10/14 Semibold</p>
<p class="CDB-Text CDB-Size-small">Open Sans 10/14 Regular</p>
```
*/

@import '../cdb-variables/sizes';

.CDB-Text {
  font-family: 'Open Sans';
  $sFontWeight-normal: 400;

  &.is-semibold {
    font-weight: $sFontWeight-semibold;
  }
  &.is-light {
    font-weight: $sFontWeight-lighter;
  }
  &.is-upper {
    text-transform: uppercase;
  }
}

.CDB-Size-huge {
  font-size: $sFontSize-huge;
  line-height: $sLineHeight-huge;
}

.CDB-Size-large {
  font-size: $sFontSize-large;
  line-height: $sLineHeight-large;
}

.CDB-Size-medium {
  font-size: $sFontSize-medium;
  line-height: $sLineHeight-medium;
}

.CDB-Size-small {
  font-size: $sFontSize-small;
  line-height: $sLineHeight-small;
}