Commit 5be1b79

committed

Add basic CSS styling

Make the demo pages look a little bit nicer.

1 parent 0a22dd2 commit 5be1b79Copy full SHA for 5be1b79

File tree

+40

-0

lines changed

+40

-0

lines changed

Lines changed: 11 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,11 @@`
	`1`	`+/*******************************************************************************`
	`2`	`+ * NOTE: You do not need a custom _app.js file to use next-on-netlify. I just`
	`3`	`+ * wanted to add some CSS, so that the demo looks a little prettier :)`
	`4`	`+ ******************************************************************************/`
	`5`	`+`
	`6`	`+import '../styles.css'`
	`7`	`+`
	`8`	+// This default export is required in a new `pages/_app.js` file.
	`9`	`+export default function MyApp({ Component, pageProps }) {`
	`10`	`+ return <Component {...pageProps} />`
	`11`	`+}`

Lines changed: 29 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,29 @@`
	`1`	`+html {`
	`2`	`+ box-sizing: border-box;`
	`3`	`+ font-size: 16px;`
	`4`	`+}`
	`5`	`+`
	`6`	`+img {`
	`7`	`+ max-width: 100%;`
	`8`	`+ height: auto;`
	`9`	`+}`
	`10`	`+`
	`11`	`+body {`
	`12`	`+ font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;`
	`13`	`+ padding: 0 20px;`
	`14`	`+ max-width: 880px;`
	`15`	`+ margin: 0 auto !important;`
	`16`	`+ color: rgba(0,0,0,.87);`
	`17`	`+}`
	`18`	`+`
	`19`	`+hr {`
	`20`	`+ border: none;`
	`21`	`+ border-bottom: 4px solid #ececec;`
	`22`	`+ margin: 40px 0;`
	`23`	`+}`
	`24`	`+`
	`25`	`+pre {`
	`26`	`+ max-width: 100%;`
	`27`	`+ overflow-x: scroll;`
	`28`	`+ background: #ececec;`
	`29`	`+}`

Comments

(0)