💄(react) do not apply font-family to all elements with * selector

Currently, `react` package use `*` selector to enforce the font family
to all elements. That is weird as all elements are not able anymore to
inherit their font-family from their parent. In order to enforce the use
 of font-family base by default without breaking the parent inheritance,
  we apply font-family to the body element instead.

Fix #137
This commit is contained in:
jbpenrath
2023-08-11 14:51:43 +02:00
committed by Jean-Baptiste PENRATH
parent fed31ddbb9
commit fd7ad8a2f2
2 changed files with 6 additions and 1 deletions

View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
Do not apply font-family to all elements with `*` selector

View File

@@ -17,6 +17,6 @@
@import './components/Pagination';
@import './components/Popover';
* {
body {
font-family: var(--c--theme--font--families--base);
}