Text
Text 1
Text 2
Text 3
Text 4
Text 5
Text 6
Text 7
Text 8
Text 9
Text 10
<p class="text-1">Text 1</p>
<p class="text-2">Text 2</p>
<p class="text-3">Text 3</p>
<p class="text-4">Text 4</p>
<p class="text-5">Text 5</p>
<p class="text-6">Text 6</p>
<p class="text-7">Text 7</p>
<p class="text-8">Text 8</p>
<p class="text-9">Text 9</p>
<p class="text-10">Text 10</p>
Template
@mixin textVariables
/* 1. font size ............ */ var(--text-font-size-1),
/* 2. font weight .......... */ notset,
/* 3. text color ........... */ notset;
@mixin textSelectors
/* 1. text element.......... */ .text-1;