diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2019-12-06 12:34:23 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-12-06 12:34:23 +0300 |
| commit | 99b36c235dc31f407de8b627bc9dd456627c7e80 (patch) | |
| tree | 9c244ad424ebc8180a2ee30759d1e5e02c78a0e8 /src | |
| parent | d18200440aee1a7712b05d08ef2e13937300f2e3 (diff) | |
| parent | fea52cdae22e1b46bcbf668b915eccb79ab95109 (diff) | |
Better grid sizes with navigation (#24)
Better grid sizes with navigation
Diffstat (limited to 'src')
| -rw-r--r-- | src/assets/grid-sizes.js | 31 |
1 files changed, 23 insertions, 8 deletions
diff --git a/src/assets/grid-sizes.js b/src/assets/grid-sizes.js index 57b159de..18f42ece 100644 --- a/src/assets/grid-sizes.js +++ b/src/assets/grid-sizes.js @@ -20,7 +20,13 @@ * */ -// compatible with webpack config, no export +/** + * Define the max width proportions + * The number (key) indicate the MAX size + * + * needs to be ompatible with webpack config + * so no export default {} + */ module.exports = { sizes: { 400: { @@ -28,7 +34,7 @@ module.exports = { marginW: 8, // same as grid-gap count: 3, }, - 600: { + 700: { marginTop: 66, marginW: 8, // same as grid-gap count: 4, @@ -38,27 +44,36 @@ module.exports = { marginW: 44, count: 5, }, - 1400: { + 1280: { marginTop: 66, marginW: 44, + count: 4, + }, + 1440: { + marginTop: 88, + marginW: 66, + count: 5, + }, + 1600: { + marginTop: 88, + marginW: 66, count: 6, }, - 1800: { + 2048: { marginTop: 88, marginW: 66, count: 7, }, - 2200: { + 2560: { marginTop: 88, - marginW: 66, + marginW: 88, count: 8, }, - 2600: { + 3440: { marginTop: 88, marginW: 88, count: 9, }, - // excessive value on purpose max: { marginTop: 88, marginW: 88, |