Improve way to set box-sizing.

This commit is contained in:
Fredrik Jonsson 2018-05-16 14:46:20 +02:00
commit 651783d6f9
3 changed files with 71 additions and 61 deletions

122
package-lock.json generated
View file

@ -746,7 +746,7 @@
"requires": { "requires": {
"anymatch": "1.3.2", "anymatch": "1.3.2",
"async-each": "1.0.1", "async-each": "1.0.1",
"fsevents": "1.2.3", "fsevents": "1.2.4",
"glob-parent": "2.0.0", "glob-parent": "2.0.0",
"inherits": "2.0.3", "inherits": "2.0.3",
"is-binary-path": "1.0.1", "is-binary-path": "1.0.1",
@ -1022,15 +1022,15 @@
"integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
"dev": true, "dev": true,
"requires": { "requires": {
"lru-cache": "4.1.2", "lru-cache": "4.1.3",
"shebang-command": "1.2.0", "shebang-command": "1.2.0",
"which": "1.3.0" "which": "1.3.0"
}, },
"dependencies": { "dependencies": {
"lru-cache": { "lru-cache": {
"version": "4.1.2", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.2.tgz", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
"integrity": "sha512-wgeVXhrDwAWnIF/yZARsFnMBtdFXOg1b8RIrhilp+0iDYN4mdQcNZElDZ0e4B64BhaxeQ5zN7PMyvu7we1kPeQ==", "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==",
"dev": true, "dev": true,
"requires": { "requires": {
"pseudomap": "1.0.2", "pseudomap": "1.0.2",
@ -1056,7 +1056,7 @@
"requires": { "requires": {
"inherits": "2.0.3", "inherits": "2.0.3",
"source-map": "0.1.43", "source-map": "0.1.43",
"source-map-resolve": "0.5.1", "source-map-resolve": "0.5.2",
"urix": "0.1.0" "urix": "0.1.0"
}, },
"dependencies": { "dependencies": {
@ -1654,18 +1654,18 @@
"integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=", "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
"dev": true, "dev": true,
"requires": { "requires": {
"fill-range": "2.2.3" "fill-range": "2.2.4"
}, },
"dependencies": { "dependencies": {
"fill-range": { "fill-range": {
"version": "2.2.3", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.3.tgz", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
"integrity": "sha1-ULd9/X5Gm8dJJHCWNpn+eoSFpyM=", "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
"dev": true, "dev": true,
"requires": { "requires": {
"is-number": "2.1.0", "is-number": "2.1.0",
"isobject": "2.1.0", "isobject": "2.1.0",
"randomatic": "1.1.7", "randomatic": "3.0.0",
"repeat-element": "1.1.2", "repeat-element": "1.1.2",
"repeat-string": "1.6.1" "repeat-string": "1.6.1"
} }
@ -1748,7 +1748,7 @@
"dev": true, "dev": true,
"requires": { "requires": {
"chardet": "0.4.2", "chardet": "0.4.2",
"iconv-lite": "0.4.21", "iconv-lite": "0.4.23",
"tmp": "0.0.33" "tmp": "0.0.33"
} }
}, },
@ -2096,14 +2096,14 @@
"dev": true "dev": true
}, },
"fsevents": { "fsevents": {
"version": "1.2.3", "version": "1.2.4",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.3.tgz", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz",
"integrity": "sha512-X+57O5YkDTiEQGiw8i7wYc2nQgweIekqkepI8Q3y4wVlurgBt2SuwxTeYUYMZIGpLZH3r/TsMjczCMXE5ZOt7Q==", "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==",
"dev": true, "dev": true,
"optional": true, "optional": true,
"requires": { "requires": {
"nan": "2.10.0", "nan": "2.10.0",
"node-pre-gyp": "0.9.1" "node-pre-gyp": "0.10.0"
}, },
"dependencies": { "dependencies": {
"abbrev": { "abbrev": {
@ -2184,7 +2184,7 @@
} }
}, },
"deep-extend": { "deep-extend": {
"version": "0.4.2", "version": "0.5.1",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true "optional": true
@ -2362,7 +2362,7 @@
} }
}, },
"node-pre-gyp": { "node-pre-gyp": {
"version": "0.9.1", "version": "0.10.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true, "optional": true,
@ -2373,7 +2373,7 @@
"nopt": "4.0.1", "nopt": "4.0.1",
"npm-packlist": "1.1.10", "npm-packlist": "1.1.10",
"npmlog": "4.1.2", "npmlog": "4.1.2",
"rc": "1.2.6", "rc": "1.2.7",
"rimraf": "2.6.2", "rimraf": "2.6.2",
"semver": "5.5.0", "semver": "5.5.0",
"tar": "4.4.1" "tar": "4.4.1"
@ -2471,12 +2471,12 @@
"optional": true "optional": true
}, },
"rc": { "rc": {
"version": "1.2.6", "version": "1.2.7",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true, "optional": true,
"requires": { "requires": {
"deep-extend": "0.4.2", "deep-extend": "0.5.1",
"ini": "1.3.5", "ini": "1.3.5",
"minimist": "1.2.0", "minimist": "1.2.0",
"strip-json-comments": "2.0.1" "strip-json-comments": "2.0.1"
@ -3000,7 +3000,7 @@
"integrity": "sha512-ynYqXLoluBKf9XGR1gA59yEJisIL7YHEH4xr3ZziHB5/yl4qWfaK8Js9jGe6gBGCSCKVqiyO30WnRZADvemUNw==", "integrity": "sha512-ynYqXLoluBKf9XGR1gA59yEJisIL7YHEH4xr3ZziHB5/yl4qWfaK8Js9jGe6gBGCSCKVqiyO30WnRZADvemUNw==",
"dev": true, "dev": true,
"requires": { "requires": {
"sparkles": "1.0.0" "sparkles": "1.0.1"
} }
}, },
"gonzales-pe-sl": { "gonzales-pe-sl": {
@ -3051,9 +3051,9 @@
} }
}, },
"gulp-clean-css": { "gulp-clean-css": {
"version": "3.9.3", "version": "3.9.4",
"resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-3.9.3.tgz", "resolved": "https://registry.npmjs.org/gulp-clean-css/-/gulp-clean-css-3.9.4.tgz",
"integrity": "sha512-mw5Qrio7W3rvswmVlZ7eaxOhBIp6zQMBFLgcHoi/xbOtaKT5zmElkHt8mvbRre7fMt5eLgppIkW+j9Cm+O/UqQ==", "integrity": "sha512-jsbAj65WM08H1jCFOKpIvA1OlACk7OHS2FFTeeBZrSJ5OR1PJzAqi0I2R2LTWYN3oMd/N1JYN9cN2IS/8eYqdg==",
"dev": true, "dev": true,
"requires": { "requires": {
"clean-css": "4.1.11", "clean-css": "4.1.11",
@ -3564,7 +3564,7 @@
"integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=", "integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=",
"dev": true, "dev": true,
"requires": { "requires": {
"sparkles": "1.0.0" "sparkles": "1.0.1"
} }
}, },
"has-unicode": { "has-unicode": {
@ -3650,9 +3650,9 @@
} }
}, },
"iconv-lite": { "iconv-lite": {
"version": "0.4.21", "version": "0.4.23",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.21.tgz", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
"integrity": "sha512-En5V9za5mBt2oUA03WGD3TwDv0MKAruqsuxstbMUZaj9W9k/m1CV/9py3l0L5kw9Bln8fdHQmzHSYtvpvTLpKw==", "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
"dev": true, "dev": true,
"requires": { "requires": {
"safer-buffer": "2.1.2" "safer-buffer": "2.1.2"
@ -4254,13 +4254,13 @@
"dev": true "dev": true
}, },
"kss": { "kss": {
"version": "3.0.0-beta.19", "version": "3.0.0-beta.20",
"resolved": "https://registry.npmjs.org/kss/-/kss-3.0.0-beta.19.tgz", "resolved": "https://registry.npmjs.org/kss/-/kss-3.0.0-beta.20.tgz",
"integrity": "sha1-m/HPnzJn/jItgSnxUGFXU0FzzMI=", "integrity": "sha1-e38i6wVy6AJDJgQ50g657byOTbw=",
"dev": true, "dev": true,
"requires": { "requires": {
"bluebird": "3.5.1", "bluebird": "3.5.1",
"fs-extra": "5.0.0", "fs-extra": "6.0.1",
"glob": "7.1.2", "glob": "7.1.2",
"handlebars": "4.0.11", "handlebars": "4.0.11",
"marked": "0.3.19", "marked": "0.3.19",
@ -4304,9 +4304,9 @@
} }
}, },
"fs-extra": { "fs-extra": {
"version": "5.0.0", "version": "6.0.1",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-5.0.0.tgz", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-6.0.1.tgz",
"integrity": "sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==", "integrity": "sha512-GnyIkKhhzXZUWFCaJzvyDLEEgDkPfb4/TPvJCJVuS8MWZgoSsErf++QpiAlDnKFcqhRlm+tIOcencCjyJE6ZCA==",
"dev": true, "dev": true,
"requires": { "requires": {
"graceful-fs": "4.1.11", "graceful-fs": "4.1.11",
@ -4710,6 +4710,12 @@
"integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg==", "integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg==",
"dev": true "dev": true
}, },
"math-random": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.1.tgz",
"integrity": "sha1-izqsWIuKZuSXXjzepn97sylgH6w=",
"dev": true
},
"mem": { "mem": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz", "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
@ -4987,7 +4993,7 @@
"integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
"dev": true, "dev": true,
"requires": { "requires": {
"lru-cache": "4.1.2", "lru-cache": "4.1.3",
"which": "1.3.0" "which": "1.3.0"
} }
}, },
@ -5018,9 +5024,9 @@
"dev": true "dev": true
}, },
"lru-cache": { "lru-cache": {
"version": "4.1.2", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.2.tgz", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
"integrity": "sha512-wgeVXhrDwAWnIF/yZARsFnMBtdFXOg1b8RIrhilp+0iDYN4mdQcNZElDZ0e4B64BhaxeQ5zN7PMyvu7we1kPeQ==", "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==",
"dev": true, "dev": true,
"requires": { "requires": {
"pseudomap": "1.0.2", "pseudomap": "1.0.2",
@ -5635,23 +5641,21 @@
"dev": true "dev": true
}, },
"randomatic": { "randomatic": {
"version": "1.1.7", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz", "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.0.0.tgz",
"integrity": "sha512-D5JUjPyJbaJDkuAazpVnSfVkLlpeO3wDlPROTMLGKG1zMFNFRgrciKo1ltz/AzNTkqE0HzDx655QOL51N06how==", "integrity": "sha512-VdxFOIEY3mNO5PtSRkkle/hPJDHvQhK21oa73K4yAc9qmp6N429gAyF1gZMOTMeS0/AYzaV/2Trcef+NaIonSA==",
"dev": true, "dev": true,
"requires": { "requires": {
"is-number": "3.0.0", "is-number": "4.0.0",
"kind-of": "4.0.0" "kind-of": "6.0.2",
"math-random": "1.0.1"
}, },
"dependencies": { "dependencies": {
"kind-of": { "is-number": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
"integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
"dev": true, "dev": true
"requires": {
"is-buffer": "1.1.6"
}
} }
} }
}, },
@ -6465,7 +6469,7 @@
"extend-shallow": "2.0.1", "extend-shallow": "2.0.1",
"map-cache": "0.2.2", "map-cache": "0.2.2",
"source-map": "0.5.7", "source-map": "0.5.7",
"source-map-resolve": "0.5.1", "source-map-resolve": "0.5.2",
"use": "3.1.0" "use": "3.1.0"
}, },
"dependencies": { "dependencies": {
@ -6576,9 +6580,9 @@
"dev": true "dev": true
}, },
"source-map-resolve": { "source-map-resolve": {
"version": "0.5.1", "version": "0.5.2",
"resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.1.tgz", "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
"integrity": "sha512-0KW2wvzfxm8NCTb30z0LMNyPqWCdDGE2viwzUaucqJdkTRXtZiSY3I+2A6nVAjmdOy0I4gU8DwnVVGsk9jvP2A==", "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==",
"dev": true, "dev": true,
"requires": { "requires": {
"atob": "2.1.1", "atob": "2.1.1",
@ -6595,9 +6599,9 @@
"dev": true "dev": true
}, },
"sparkles": { "sparkles": {
"version": "1.0.0", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.0.tgz", "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz",
"integrity": "sha1-Gsu/tZJDbRC76PeFt8xvgoFQEsM=", "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==",
"dev": true "dev": true
}, },
"spdx-correct": { "spdx-correct": {

View file

@ -13,10 +13,16 @@
// ========================================================================== // ==========================================================================
// Use the saner border-box model for all elements. // Use the saner border-box model for all elements.
* { html {
box-sizing: border-box; box-sizing: border-box;
} }
*,
*::before,
*::after {
box-sizing: inherit;
}
// Normalize-scss is broken into modular pieces to make it easier to edit. // Normalize-scss is broken into modular pieces to make it easier to edit.
@import 'document/document'; @import 'document/document';
@import 'sections/sections'; @import 'sections/sections';

File diff suppressed because one or more lines are too long