Makes header consistent with sb.js.org (#7019)

Makes header consistent with sb.js.org
storybookjs · Jun 10, 2019 · f6fe014 · f6fe014
1 parent 6472a04
commit f6fe014
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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).