Skip to content

Commit

Permalink
fix(core): add lost body-l-2 global text class (#106)
Browse files Browse the repository at this point in the history
  • Loading branch information
@fynnfeldpausch
fynnfeldpausch authored Jan 16, 2021
1 parent 4cfcaca commit d296243
Show file tree
Hide file tree
Showing 3 changed files with 78 additions and 30 deletions.
4 changes: 4 additions & 0 deletions projects/core/styles/markup/tui-text.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,10 @@
.text-body-l();
}

&_body-l-2 {
.text-body-l(2);
}

&_body-l-3 {
.text-body-l(3);
}
Expand Down
4 changes: 2 additions & 2 deletions projects/core/styles/mixins/text.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@
letter-spacing: 0.4px;
}

//tabs,tags, category
//tabs, tags, category

.text-caption-l-bold() {
.font(13px, 20px, bold);
Expand All @@ -124,7 +124,7 @@
text-transform: uppercase;
}

// mixins fot font properties
// mixins for font properties
.font(@size, @line-height: 'none', @weight: normal, @color: 'none') {
font-weight: @weight;
font-size: @size;
Expand Down
100 changes: 72 additions & 28 deletions projects/demo/src/modules/markup/typography/typography.template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-xl tui-text_bold')"
>
tui-text_body-xl .tui-text_bold
tui-text_body-xl tui-text_bold
</tui-doc-copy>
</td>
<td class="td">bold</td>
Expand Down Expand Up @@ -199,7 +199,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-l tui-text_bold')"
>
tui-text_body-l .tui-text_bold
tui-text_body-l tui-text_bold
</tui-doc-copy>
</td>
<td class="td">bold</td>
Expand All @@ -208,45 +208,89 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-l-3 tui-text_bold">
<td i18n class="td tui-text_body-l">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
<tui-doc-copy (click)="copyCodeExample('.text-body-l()')">
.text-body-l()
</tui-doc-copy>
</td>
<td class="td">
<tui-doc-copy (click)="copyCodeExample('tui-text_body-l')">
tui-text_body-l
</tui-doc-copy>
</td>
<td class="td">normal</td>
<td class="td">17px</td>
<td class="td">24px (1.41)</td>
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-l-2 tui-text_bold">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('.text-body-l-bold(3)')"
(click)="copyCodeExample('.text-body-l-bold(2)')"
>
.text-body-l-bold(3)
.text-body-l-bold(2)
</tui-doc-copy>
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-l-3 tui-text_bold')"
(click)="copyCodeExample('tui-text_body-l-2 tui-text_bold')"
>
tui-text_body-l-3 tui-text_bold
tui-text_body-l-2 tui-text_bold
</tui-doc-copy>
</td>
<td class="td">bold</td>
<td class="td">17px</td>
<td class="td">28px (1.65)</td>
<td class="td">20px (1.18)</td>
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-l">
<td i18n class="td tui-text_body-l-2">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
<tui-doc-copy (click)="copyCodeExample('.text-body-l()')">
.text-body-l()
<tui-doc-copy (click)="copyCodeExample('.text-body-l(2)')">
.text-body-l(2)
</tui-doc-copy>
</td>
<td class="td">
<tui-doc-copy (click)="copyCodeExample('tui-text_body-l')">
tui-text_body-l
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-l-2')"
>
tui-text_body-l-2
</tui-doc-copy>
</td>
<td class="td">normal</td>
<td class="td">17px</td>
<td class="td">24px (1.41)</td>
<td class="td">20px (1.18)</td>
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-l-3 tui-text_bold">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('.text-body-l-bold(3)')"
>
.text-body-l-bold(3)
</tui-doc-copy>
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-l-3 tui-text_bold')"
>
tui-text_body-l-3 tui-text_bold
</tui-doc-copy>
</td>
<td class="td">bold</td>
<td class="td">17px</td>
<td class="td">28px (1.65)</td>
<td class="td">0</td>
</tr>
<tr>
Expand Down Expand Up @@ -313,7 +357,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-m-bold_2">
<td i18n class="td tui-text_body-m-2 tui-text_bold">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
Expand All @@ -325,9 +369,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('.tui-text-body-m-bold_2')"
(click)="copyCodeExample('tui-text-body-m-2 tui-text_bold')"
>
tui-text-body-m-bold_2
tui-text-body-m-2 tui-text_bold
</tui-doc-copy>
</td>
<td class="td">bold</td>
Expand All @@ -336,7 +380,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-m_2">
<td i18n class="td tui-text_body-m-2">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
Expand All @@ -346,9 +390,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text-body-m_2')"
(click)="copyCodeExample('tui-text-body-m-2')"
>
tui-text-body-m_2
tui-text-body-m-2
</tui-doc-copy>
</td>
<td class="td">normal</td>
Expand All @@ -357,7 +401,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-s .tui-text_bold">
<td i18n class="td tui-text_body-s tui-text_bold">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
Expand All @@ -369,7 +413,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text_body-s .tui-text_bold')"
(click)="copyCodeExample('tui-text_body-s tui-text_bold')"
>
tui-text_body-s tui-text_bold
</tui-doc-copy>
Expand Down Expand Up @@ -399,7 +443,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-s-bold_2">
<td i18n class="td tui-text_body-s-2 tui-text_bold">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
Expand All @@ -411,9 +455,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text-body-s-bold_2')"
(click)="copyCodeExample('tui-text-body-s-bold-2')"
>
tui-text-body-s-bold_2
tui-text-body-s-bold-2
</tui-doc-copy>
</td>
<td class="td">bold</td>
Expand All @@ -422,7 +466,7 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
<td class="td">0</td>
</tr>
<tr>
<td i18n class="td tui-text_body-s_2">
<td i18n class="td tui-text_body-s-2">
Taiga UI reveals all the potential of Angular
</td>
<td class="td">
Expand All @@ -432,9 +476,9 @@ <h3 class="tui-text_body-l tui-space_top-0 tui-space_bottom-4">
</td>
<td class="td">
<tui-doc-copy
(click)="copyCodeExample('tui-text-body-s_2')"
(click)="copyCodeExample('tui-text-body-s-2')"
>
tui-text-body-s_2
tui-text-body-s-2
</tui-doc-copy>
</td>
<td class="td">normal</td>
Expand Down

0 comments on commit d296243

Please sign in to comment.