diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-12-05 18:30:54 +0300 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-12-05 18:32:02 +0300 |
| commit | fea52cdae22e1b46bcbf668b915eccb79ab95109 (patch) | |
| tree | cff5b31c33fc0fbd32129929d925a4753a208a92 /src | |
| parent | cef818d6d6556bcb6b3c684ffdf263e54e779c83 (diff) | |
Better grid sizes with navigation
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
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, |