<commit_before># Typography
These functions can be used to create custom typography classes based on Office UI Fabric instead of using the default provided classes. These classes also provide `em` based font sizes and not fixed pixel based.

## uiFontSize($fontSizeValue)
Possible font size values that can be passed to this SASS mixin are:
3em, 2em, 1.5em, 1.21429em, 1.07143em, 1em, 0.92857em, 0.85714em, 0.78571em, 0.71429em

| $fontSizeParameter| Output font size | UI Fabric | UI Fabric size |
| ------------- | -----:| ------------- | ----:|
| su      | 3em | ms-fontSize-su  | 42px |
| xxl     | 2em | ms-fontSize-xxl | 28px |
| xl      | 1.5em | ms-fontSize-xl  | 21px |
| l       | 1.21429em | ms-fontSize-l | 17px |
| m-plus  | 1.07143em | ms-fontSize-mPlus | 15px |
| m       | 1em | ms-fontSize-m | 14px |
| s-plus  | 0.92857em | ms-fontSize-sPlus | 13px |
| s       | 0.85714em | ms-fontSize-s | 12px |
| xs      | 0.78571em | ms-fontSize-xs | 11px |
| mi      | 0.71429em | ms-fontSize-mi | 10px |<commit_msg>Added typography draft<commit_after># Typography
These functions can be used to create custom typography classes based on Office UI Fabric instead of using the default provided classes. These classes also provide `em` based font sizes and not fixed pixel based.

## uiFontSize($fontSizeValue)
Possible font size values that can be passed to this SASS mixin are:
3em, 2em, 1.5em, 1.21429em, 1.07143em, 1em, 0.92857em, 0.85714em, 0.78571em, 0.71429em

| $fontSizeParameter| Output font size | UI Fabric | UI Fabric size |
| ------------- | -----:| ------------- | ----:|
| su      | 3em | .ms-fontSize-su  | 42px |
| xxl     | 2em | .ms-fontSize-xxl | 28px |
| xl      | 1.5em | .ms-fontSize-xl  | 21px |
| l       | 1.21429em | .ms-fontSize-l | 17px |
| m-plus  | 1.07143em | .ms-fontSize-mPlus | 15px |
| m       | 1em | .ms-fontSize-m | 14px |
| s-plus  | 0.92857em | .ms-fontSize-sPlus | 13px |
| s       | 0.85714em | .ms-fontSize-s | 12px |
| xs      | 0.78571em | .ms-fontSize-xs | 11px |
| mi      | 0.71429em | .ms-fontSize-mi | 10px |

To use this mixin simply includes this style with and the parameter.

```sass

.mySuperLargeClass{
    @include uiFontSize(su); // Will return font size 3em = 42px;
}
{'fraction_non_alphanumeric': 0.15181370353784146, 'fraction_numerical': 0.09270040304523063, 'mean_word_length': 2.529225908372828, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '187405', 'n_tokens_mistral': 978, 'n_tokens_neox': 821, 'n_words': 244}