diff --git a/.storybook/preview.scss b/.storybook/preview.scss index d0ccf6b2..7bbb62f6 100644 --- a/.storybook/preview.scss +++ b/.storybook/preview.scss @@ -40,6 +40,10 @@ p.sbdocs-p, ul.sbdocs-ul, li.sbdocs-li { @include font-display; } +.sbdocs { + @include font-display; +} + // .sbdocs { // max-width: 800px; // margin: 0 auto !important; diff --git a/src/components/Article/Article.stories.svelte b/src/components/Article/Article.stories.svelte index b5e7f422..3540b55a 100644 --- a/src/components/Article/Article.stories.svelte +++ b/src/components/Article/Article.stories.svelte @@ -26,7 +26,7 @@ 📌 Many of our other components already use the `Block` component, internally. You'll usually only need to use it yourself if you're making something custom. diff --git a/src/components/Block/stories/docs/customLayouts.md b/src/components/Block/stories/docs/customLayouts.md index 1ef3c47a..b743b3ec 100644 --- a/src/components/Block/stories/docs/customLayouts.md +++ b/src/components/Block/stories/docs/customLayouts.md @@ -1,4 +1,4 @@ -Our article well is designed to provide a basic responsive layout issues for you, but it's also made to get out of the way quickly when you need to do something custom. +Our article well is designed to provide a basic responsive layout for you, but it's also made to get out of the way quickly when you need to do something custom. If you need to get really radical, the easiest way is to create a `Block` with a `fluid` width -- which basically cancels out the article well dimensions -- and then code whatever you need from scratch or with another framework. diff --git a/src/components/BodyText/stories/docs/component.md b/src/components/BodyText/stories/docs/component.md index aa789b78..cc95bc78 100644 --- a/src/components/BodyText/stories/docs/component.md +++ b/src/components/BodyText/stories/docs/component.md @@ -1,4 +1,6 @@ -Body text includes the main text of your page. +The `BodyText` creates the main text of your page. You can pass the `text` prop a [markdown-formatted](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) string, which will be parsed into paragraphs, headers, lists, blockquotes or whatever else you need. + +Use it like this: ```svelte + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/Video/index.svelte b/src/components/Video/Video.svelte similarity index 61% rename from src/components/Video/index.svelte rename to src/components/Video/Video.svelte index c1e6e866..61ac8e32 100644 --- a/src/components/Video/index.svelte +++ b/src/components/Video/Video.svelte @@ -1,20 +1,43 @@ -
@@ -18,14 +17,13 @@ slug: video
- ```svelte -