diff --git a/docs/src/components/Docs/Nav/style.css b/docs/src/components/Docs/Nav/style.css index 4c18f28c12cc..bb4717bdcce4 100644 --- a/docs/src/components/Docs/Nav/style.css +++ b/docs/src/components/Docs/Nav/style.css @@ -12,7 +12,6 @@ } #nav h3 { - font-family: "Open Sans"; font-size: 18px; font-weight: 600; margin: 10px 0; @@ -38,6 +37,6 @@ } #nav ul li a.selected { - color: #E25E5E; + color: #e25e5e; font-weight: 600; } diff --git a/docs/src/new-components/basics/shared/site.js b/docs/src/new-components/basics/shared/site.js index a1ab26e380a6..05470cdf3042 100644 --- a/docs/src/new-components/basics/shared/site.js +++ b/docs/src/new-components/basics/shared/site.js @@ -46,6 +46,7 @@ export const url = { home: `${docsUrl}/basics/introduction/`, addonInstruction: `${docsUrl}/addons/writing-addons/`, }, + tutorials: `https://www.learnstorybook.com/`, addons: `${homepageUrl}/addons/`, community: `${homepageUrl}/community/`, useCases: `${homepageUrl}/use-cases/`, diff --git a/docs/src/new-components/layout/PageLayout.js b/docs/src/new-components/layout/PageLayout.js index d831a7c647be..c47443a8ada3 100644 --- a/docs/src/new-components/layout/PageLayout.js +++ b/docs/src/new-components/layout/PageLayout.js @@ -4,6 +4,7 @@ const { url } = site; export const navLinks = [ { title: 'Docs', href: url.docs.home, isGatsby: false }, + { title: 'Tutorials', href: url.tutorials, isGatsby: false }, { title: 'Addons', href: url.addons, isGatsby: false }, { title: 'Community', href: url.community, isGatsby: false }, { title: 'Use cases', href: url.useCases, isGatsby: false }, diff --git a/docs/src/pages/basics/introduction/index.md b/docs/src/pages/basics/introduction/index.md index 81501a9139da..c8575a7aeac1 100644 --- a/docs/src/pages/basics/introduction/index.md +++ b/docs/src/pages/basics/introduction/index.md @@ -17,3 +17,5 @@ Here are some featured Storybooks to see how it works: - [Demo of React Dates](http://airbnb.io/react-dates/) - [source](https://github.com/airbnb/react-dates) - [Demo of React Native Web](http://necolas.github.io/react-native-web/storybook/) - [source](https://github.com/necolas/react-native-web) + +Read the Learn Storyboook [tutorial](https://www.learnstorybook.com) for a step by step guide to building an app with Storybook and to see how building components in isolation can supercharge your app development workflow. diff --git a/docs/src/pages/guides/quick-start-guide/index.md b/docs/src/pages/guides/quick-start-guide/index.md index 8718f2cc5988..38c285aa8a50 100644 --- a/docs/src/pages/guides/quick-start-guide/index.md +++ b/docs/src/pages/guides/quick-start-guide/index.md @@ -53,4 +53,4 @@ To learn more about what the Storybook CLI command `sb init` command does, have - [Riot](/guides/guide-riot/) - [Preact](/guides/guide-preact/) -A tutorial is also available at [Learn Storybook](https://www.learnstorybook.com) for a step-by-step guide (only available for React). +A step-by-step tutorial is available at [Learn Storybook](https://www.learnstorybook.com).