kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard
verified publisher icon telerik

`fontSize`, `fontWeight` and `margin` props of the Typography do not apply any styles

Open vveesseelliinnaa opened this issue 2 years ago • 1 comments

Ticket ID: 1609863

Changing the values of the fontSize, fontWeight and margin props do not change the styling of the Typography content.

The problem can be reproduced in the demos available here: https://www.telerik.com/kendo-react-ui/components/utils/typography/appearance/

vveesseelliinnaa avatar May 24 '23 15:05 vveesseelliinnaa

This is caused by the styles of utility classes k-m-, k-font-weight- and k-fs-* being overwritten by the styles of element classes.

A workaround would be setting importance to the utility class, e.g. !k-font-weight-*.

Issue in the themes: https://github.com/telerik/kendo-themes/issues/4502

kikostadinov avatar May 25 '23 10:05 kikostadinov

The issue is related to Kendo Themes and it starts from v6.2.0 where the utility classes are imported prior to the components' styles. Detaching all of the utilities from the themes will be the solution.

Closing this, as there is an open issue in themes: https://github.com/telerik/kendo-themes/issues/4502

silviyaboteva avatar May 17 '24 11:05 silviyaboteva