flowchart classDef font-size is rendered properly in LiveEditor, but not in Github renderer

[injecteer]

Description

In my flochart diagram I have the following classDef with font-size:x-small.

in LiveEditor it works like charm and looks as expected.

Although if I put the very same code into a README.md and view it on Github, the text inside boxes with :::ext is rendered small, but the boxes themselves are displayed in original size:

Steps to reproduce

1. the working example it here
2. the Github README.md is here

Screenshots

LiveEditor

Github

Code Sample

flowchart BT
	classDef ext font-size:x-small, color:#888
	domain-info(["🛈 The library provides core resources, vert.x components and domain classes"]):::ext

### Setup

- Mermaid version: 10.4.0
- Firefox 115.2.1esr (64-Bit)
- Chrome Version 117.0.5938.63 (64-Bit)

### Suggested Solutions

_No response_

### Additional Context

_No response_

[sidharthv96]

It could be because GitHub is on an older version of mermaid, and I don't think we can do anything about it.

👇

info

Loading