Format files
This commit is contained in:
1
.prettierignore
Normal file
1
.prettierignore
Normal file
@ -0,0 +1 @@
|
|||||||
|
docs/
|
||||||
1110
package-lock.json
generated
1110
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -7,14 +7,14 @@
|
|||||||
"dev": "nodemon -e md,js ./scripts/build.js & parcel",
|
"dev": "nodemon -e md,js ./scripts/build.js & parcel",
|
||||||
"build": "node ./scripts/build.js && npm run prettier && npm run parcel",
|
"build": "node ./scripts/build.js && npm run prettier && npm run parcel",
|
||||||
"parcel": "parcel build index.html -d docs/ --public-url ./",
|
"parcel": "parcel build index.html -d docs/ --public-url ./",
|
||||||
"prettier": "prettier --ignore-path .gitignore --write \"**/*.{js,json,md,scss}\""
|
"prettier": "prettier --write \"**/*.{js,json,md,css,scss}\""
|
||||||
},
|
},
|
||||||
"author": "atomiks",
|
"author": "atomiks",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"prettier": {
|
"prettier": {
|
||||||
"printWidth": 100,
|
"printWidth": 100,
|
||||||
"semi": "false",
|
"semi": false,
|
||||||
"singleQuote": "true"
|
"singleQuote": true
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"babel-cli": "^6.26.0",
|
"babel-cli": "^6.26.0",
|
||||||
|
|||||||
@ -19,25 +19,25 @@ Basic website layout using `grid`.
|
|||||||
|
|
||||||
```css
|
```css
|
||||||
.grid-layout {
|
.grid-layout {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"sidebar header header"
|
'sidebar header header'
|
||||||
"sidebar content content"
|
'sidebar content content'
|
||||||
"sidebar footer footer";
|
'sidebar footer footer';
|
||||||
}
|
}
|
||||||
.sidebar {
|
.sidebar {
|
||||||
grid-area: sidebar;
|
grid-area: sidebar;
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
}
|
}
|
||||||
.header {
|
.header {
|
||||||
grid-area: header;
|
grid-area: header;
|
||||||
}
|
}
|
||||||
.footer {
|
.footer {
|
||||||
grid-area: footer;
|
grid-area: footer;
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -102,4 +102,4 @@ Basic website layout using `grid`.
|
|||||||
|
|
||||||
* https://caniuse.com/#feat=css-grid
|
* https://caniuse.com/#feat=css-grid
|
||||||
|
|
||||||
<!-- tags: layout -->
|
<!-- tags: layout -->
|
||||||
|
|||||||
Reference in New Issue
Block a user