mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-21 12:18:02 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix(storybook): fix typography page from not rendering

Browse source
This commit is contained in:
Gabe Kangas 2024-10-19 17:12:08 -07:00
parent a747aea71c
commit 78146f1ee3
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
web/.storybook/stories-category-doc-pages/Typography.mdx
View file

@ -14,7 +14,7 @@ export const SampleText = 'Lorem ipsum dolor sit amet, consectetur adipiscing el
These are the font families in use by Owncast.
***
---
export const bodyFont = {
type: {
@ -63,9 +63,16 @@ export const bodyFont = {
## Usage
<Canvas columns={2} withSource="open" withToolbar style={{ fontFamily: 'var(--theme-text-body-font-family)' }}>
{getComputedStyle(document.documentElement).getPropertyValue('--theme-text-body-font-family')}
</Canvas>
{getComputedStyle(document.documentElement).getPropertyValue('--theme-text-body-font-family')}
<Source
language="javascript"
dark
format={true}
code={`
getComputedStyle(document.documentElement).getPropertyValue('--theme-text-body-font-family')
`}
/>
<Source
language="css"
@ -123,9 +130,16 @@ export const displayFont = {
## Usage
<Canvas columns={2} withSource="open" withToolbarstyle={{ fontFamily: 'var(--theme-text-display-font-family)' }}>
{getComputedStyle(document.documentElement).getPropertyValue('--theme-text-display-font-family')}
</Canvas>
{getComputedStyle(document.documentElement).getPropertyValue('--theme-text-display-font-family')}
<Source
language="javascript"
dark
format={true}
code={`
getComputedStyle(document.documentElement).getPropertyValue('--theme-text-display-font-family')
`}
/>
<Source
language="css"