Fix font-family definition for emojis (#11170)

* Fix font-family definition for emojis

* prettier fix

* Rephrase comment about font family overrides
This commit is contained in:
Germain 2023-07-03 09:48:42 +01:00 committed by GitHub
parent 2ea8a030ea
commit 68b04a83e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -51,6 +51,20 @@ limitations under the License.
--dialog-zIndex-standard: calc(var(--dialog-zIndex-standard-background) + 1); /* 4012 */ --dialog-zIndex-standard: calc(var(--dialog-zIndex-standard-background) + 1); /* 4012 */
} }
/**
* We need to increase the specificity of the selector to override the
* custom property set by the design tokens package
*/
[class^="cpd-theme"][class^="cpd-theme"] {
/**
* The design tokens package currently does not expose the fallback fonts
* We want to keep on re-using `$font-family` to not break custom themes
* and because we can to use `Twemoji` to display emoji rather than using
* system ones
*/
--cpd-font-family-sans: $font-family;
}
@media only percy { @media only percy {
:root { :root {
--percy-color-avatar: $username-variant2-color; --percy-color-avatar: $username-variant2-color;