55 lines
1.3 KiB
SCSS
55 lines
1.3 KiB
SCSS
// 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;
|
|
}
|