docs: fix website

gregberge · gregberge · commit 355013047779 · 2018-10-14T01:06:05.000+02:00
diff --git a/docs/Home.mdx b/docs/Home.mdx
@@ -6,7 +6,7 @@ order: -1
 
 import { Box } from '@smooth-ui/core-sc'
 
-<Box mx="auto" mt={{ sm: 3, md: 5 }} width={500} maxWidth={1}>
+<Box mx="auto" mt={{ sm: 3, md: 5 }} width={500} maxWidth="calc(100vw - 50px)">
   <img alt="Smooth UI" src="https://raw.githubusercontent.com/smooth-code/smooth-ui/master/resources/smooth-ui-logo.png" width="100%" />
 </Box>
 
diff --git a/docs/advanced/AddVariant.mdx b/docs/advanced/AddVariant.mdx
@@ -1,6 +1,6 @@
 ---
 name: Add variants
-menu: 2. Advanced
+menu: Advanced
 ---
 
 import { Playground } from 'docz'
diff --git a/docs/advanced/CustomComponent.mdx b/docs/advanced/CustomComponent.mdx
@@ -1,6 +1,6 @@
 ---
 name: Custom component
-menu: 2. Advanced
+menu: Advanced
 ---
 
 import { Playground } from 'docz'
diff --git a/docs/advanced/ExtendStyles.mdx b/docs/advanced/ExtendStyles.mdx
@@ -1,6 +1,6 @@
 ---
 name: Extend Styles
-menu: 2. Advanced
+menu: Advanced
 ---
 
 import { Playground } from 'docz'
diff --git a/docs/basics/Accessibility.mdx b/docs/basics/Accessibility.mdx
@@ -1,6 +1,6 @@
 ---
 name: Accessiblity
-menu: 1. Basics
+menu: Basics
 order: 6
 ---
 
diff --git a/docs/basics/Emotion.mdx b/docs/basics/Emotion.mdx
@@ -1,6 +1,6 @@
 ---
 name: Usage with Emotion
-menu: 1. Basics
+menu: Basics
 order: 5
 ---
 
diff --git a/docs/basics/Forms.mdx b/docs/basics/Forms.mdx
@@ -1,6 +1,6 @@
 ---
 name: Forms
-menu: 1. Basics
+menu: Basics
 order: 2
 ---
 
diff --git a/docs/basics/Grid.mdx b/docs/basics/Grid.mdx
@@ -1,6 +1,6 @@
 ---
 name: Grid
-menu: 1. Basics
+menu: Basics
 order: 1
 ---
 
diff --git a/docs/basics/System.mdx b/docs/basics/System.mdx
@@ -1,6 +1,6 @@
 ---
 name: System
-menu: 1. Basics
+menu: Basics
 order: 4
 ---
 
diff --git a/docs/basics/Theming.mdx b/docs/basics/Theming.mdx
@@ -1,6 +1,6 @@
 ---
 name: Theming
-menu: 1. Basics
+menu: Basics
 order: 3
 ---
 
diff --git a/docs/basics/Utilities.mdx b/docs/basics/Utilities.mdx
@@ -1,6 +1,6 @@
 ---
 name: Utilities
-menu: 1. Basics
+menu: Basics
 order: 6
 ---
 
diff --git a/docs/components/Alert.mdx b/docs/components/Alert.mdx
@@ -1,6 +1,6 @@
 ---
 name: Alert
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Box.mdx b/docs/components/Box.mdx
@@ -1,6 +1,6 @@
 ---
 name: Box
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Button.mdx b/docs/components/Button.mdx
@@ -1,6 +1,6 @@
 ---
 name: Button
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Checkbox.mdx b/docs/components/Checkbox.mdx
@@ -1,6 +1,6 @@
 ---
 name: Checkbox
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/FormCheck.mdx b/docs/components/FormCheck.mdx
@@ -1,6 +1,6 @@
 ---
 name: FormCheck
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Input.mdx b/docs/components/Input.mdx
@@ -1,6 +1,6 @@
 ---
 name: Input
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Modal.mdx b/docs/components/Modal.mdx
@@ -1,6 +1,6 @@
 ---
 name: Modal
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Radio.mdx b/docs/components/Radio.mdx
@@ -1,6 +1,6 @@
 ---
 name: Radio
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Select.mdx b/docs/components/Select.mdx
@@ -1,6 +1,6 @@
 ---
 name: Select
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Switch.mdx b/docs/components/Switch.mdx
@@ -1,6 +1,6 @@
 ---
 name: Switch
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Textarea.mdx b/docs/components/Textarea.mdx
@@ -1,6 +1,6 @@
 ---
 name: Textarea
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/components/Typography.mdx b/docs/components/Typography.mdx
@@ -1,6 +1,6 @@
 ---
 name: Typography
-menu: 3. Components
+menu: Components
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/utilities/Breakpoint.mdx b/docs/utilities/Breakpoint.mdx
@@ -1,6 +1,6 @@
 ---
 name: Breakpoint
-menu: 4. Utilities
+menu: Utilities
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/utilities/SwitchState.mdx b/docs/utilities/SwitchState.mdx
@@ -1,6 +1,6 @@
 ---
 name: SwitchState
-menu: 4. Utilities
+menu: Utilities
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/docs/utilities/Toggler.mdx b/docs/utilities/Toggler.mdx
@@ -1,6 +1,6 @@
 ---
 name: Toggler
-menu: 4. Utilities
+menu: Utilities
 ---
 
 import { PropsTable, Playground } from 'docz'
diff --git a/doczrc.js b/doczrc.js
@@ -19,6 +19,14 @@ export default {
   mdPlugins: [externalLinks.default],
   modifyBundlerConfig,
   wrapper: 'docs/config/Wrapper.js',
+  menu: [
+    'Home',
+    'Getting Started',
+    'Basics',
+    'Advanced',
+    'Components',
+    'Utilities',
+  ],
   themeConfig: {
     repository: 'https://github.com/smooth-code/smooth-ui',
     colors: {
diff --git a/styleguide.config.js b/styleguide.config.js
