Merge pull request #69 from lipis/prettier

Format all supported files with Prettier and refactor the script

.prettierignore

@@ -0,0 +1 @@
+docs/

package.json

@@ -7,10 +7,15 @@
     "dev": "nodemon -e md,js ./scripts/build.js & parcel",
     "build": "node ./scripts/build.js && npm run prettier && npm run parcel",
     "parcel": "parcel build index.html -d docs/ --public-url ./",
-    "prettier": "prettier --single-quote --no-semi --print-width=100 ./js/index.js --write \"./src/**/*.js\" \"./src/**/*.scss\""
+    "prettier": "prettier --write \"**/*.{js,json,md,css,scss}\""
   },
   "author": "atomiks",
   "license": "MIT",
+  "prettier": {
+    "printWidth": 100,
+    "semi": false,
+    "singleQuote": true
+  },
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-preset-env": "^1.6.1",

snippets/grid-layout.md

@@ -19,25 +19,25 @@ Basic website layout using `grid`.
 
 ```css
 .grid-layout {
-        display: grid;
-        grid-gap: 10px;
-        grid-template-columns: repeat(3, 1fr);
-        grid-template-areas:
-        "sidebar header header"
-        "sidebar content content"
-        "sidebar footer  footer";
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-areas:
+    'sidebar header header'
+    'sidebar content content'
+    'sidebar footer  footer';
 }
 .sidebar {
-    grid-area: sidebar;
+  grid-area: sidebar;
 }
 .content {
-    grid-area: content;
+  grid-area: content;
 }
 .header {
-    grid-area: header;
+  grid-area: header;
 }
 .footer {
-    grid-area: footer;
+  grid-area: footer;
 }
 ```
 
@@ -102,4 +102,4 @@ Basic website layout using `grid`.
 
 * https://caniuse.com/#feat=css-grid
 
-<!-- tags: layout -->
+<!-- tags: layout -->