Skip to content

Commit 335e792

Browse files
authored
refactor(ui5-title): enable font-size customization (#2135)
Enable font-size customization setting styles on the host. FIXES #2134
1 parent db56542 commit 335e792

File tree

1 file changed

+8
-10
lines changed

1 file changed

+8
-10
lines changed

packages/main/src/themes/Title.css

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
:host {
77
max-width: 100%;
88
color: var(--sapGroup_TitleTextColor);
9+
font-size: var(--ui5_title_level_2Size);
910
font-family: var(--sapFontFamily);
1011
text-shadow: var(--sapContent_TextShadow);
1112
}
@@ -14,6 +15,7 @@
1415
display: inline-block;
1516
position: relative;
1617
font-weight: normal;
18+
font-size: inherit;
1719
box-sizing: border-box;
1820
overflow: hidden;
1921
text-overflow: ellipsis;
@@ -31,37 +33,33 @@
3133
:host([wrap]) .ui5-title-root {
3234
white-space: pre-line;
3335
}
34-
/* Auto */
35-
:host .ui5-title-root {
36-
font-size: var(--ui5_title_level_2Size);
37-
}
3836

3937
/* Level H1 */
40-
:host([level="H1"]) .ui5-title-root {
38+
:host([level="H1"]) {
4139
font-size: var(--ui5_title_level_1Size);
4240
}
4341

4442
/* Level H2 */
45-
:host([level="H2"]) .ui5-title-root {
43+
:host([level="H2"]) {
4644
font-size: var(--ui5_title_level_2Size);
4745
}
4846

4947
/* Level H3 */
50-
:host([level="H3"]) .ui5-title-root {
48+
:host([level="H3"]) {
5149
font-size: var(--ui5_title_level_3Size);
5250
}
5351

5452
/* Level H4 */
55-
:host([level="H4"]) .ui5-title-root {
53+
:host([level="H4"]) {
5654
font-size: var(--ui5_title_level_4Size);
5755
}
5856

5957
/* Level H5 */
60-
:host([level="H5"]) .ui5-title-root {
58+
:host([level="H5"]) {
6159
font-size: var(--ui5_title_level_5Size);
6260
}
6361

6462
/* Level H6 */
65-
:host([level="H6"]) .ui5-title-root {
63+
:host([level="H6"]) {
6664
font-size: var(--ui5_title_level_6Size);
6765
}

0 commit comments

Comments
 (0)