diff --git a/package-lock.json b/package-lock.json index b109844..cdc708b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,9 +14,9 @@ "alpinejs": "^3.11.1" }, "devDependencies": { - "stylelint": "^15.2.0", - "stylelint-config-idiomatic-order": "^9.0.0", - "stylelint-config-standard-scss": "^7.0.1" + "stylelint": "^14.11.0", + "stylelint-config-idiomatic-order": "^8.1.0", + "stylelint-config-standard-scss": "^5.0.0" } }, "node_modules/@11ty/dependency-tree": { @@ -271,52 +271,6 @@ "node": ">=6.9.0" } }, - "node_modules/@csstools/css-parser-algorithms": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.0.1.tgz", - "integrity": "sha512-B9/8PmOtU6nBiibJg0glnNktQDZ3rZnGn/7UmDfrm2vMtrdlXO3p7ErE95N0up80IRk9YEtB5jyj/TmQ1WH3dw==", - "dev": true, - "engines": { - "node": "^14 || ^16 || >=18" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - }, - "peerDependencies": { - "@csstools/css-tokenizer": "^2.0.0" - } - }, - "node_modules/@csstools/css-tokenizer": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.1.0.tgz", - "integrity": "sha512-dtqFyoJBHUxGi9zPZdpCKP1xk8tq6KPHJ/NY4qWXiYo6IcSGwzk3L8x2XzZbbyOyBs9xQARoGveU2AsgLj6D2A==", - "dev": true, - "engines": { - "node": "^14 || ^16 || >=18" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - } - }, - "node_modules/@csstools/media-query-list-parser": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.0.1.tgz", - "integrity": "sha512-X2/OuzEbjaxhzm97UJ+95GrMeT29d1Ib+Pu+paGLuRWZnWRK9sI9r3ikmKXPWGA1C4y4JEdBEFpp9jEqCvLeRA==", - "dev": true, - "engines": { - "node": "^14 || ^16 || >=18" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/csstools" - }, - "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.0.0", - "@csstools/css-tokenizer": "^2.0.0" - } - }, "node_modules/@csstools/selector-specificity": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.1.1.tgz", @@ -426,6 +380,12 @@ "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", "dev": true }, + "node_modules/@types/parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", + "dev": true + }, "node_modules/@vue/reactivity": { "version": "3.1.5", "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz", @@ -846,39 +806,19 @@ } }, "node_modules/cosmiconfig": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.1.0.tgz", - "integrity": "sha512-0tLZ9URlPGU7JsKq0DQOQ3FoRsYX8xDZ7xMiATQfaiGMz7EHowNkbU9u1coAOmnh9p/1ySpm0RB3JNWRXM5GCg==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "dev": true, "dependencies": { + "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", - "js-yaml": "^4.1.0", "parse-json": "^5.0.0", - "path-type": "^4.0.0" + "path-type": "^4.0.0", + "yaml": "^1.10.0" }, "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/d-fischer" - } - }, - "node_modules/cosmiconfig/node_modules/argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "node_modules/cosmiconfig/node_modules/js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, - "dependencies": { - "argparse": "^2.0.1" - }, - "bin": { - "js-yaml": "bin/js-yaml.js" + "node": ">=10" } }, "node_modules/cross-spawn": { @@ -903,19 +843,6 @@ "node": ">=12.22" } }, - "node_modules/css-tree": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", - "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", - "dev": true, - "dependencies": { - "mdn-data": "2.0.30", - "source-map-js": "^1.0.1" - }, - "engines": { - "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" - } - }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -2354,12 +2281,6 @@ "node": ">=0.10.0" } }, - "node_modules/mdn-data": { - "version": "2.0.30", - "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", - "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", - "dev": true - }, "node_modules/mdurl": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", @@ -2867,12 +2788,39 @@ } }, "node_modules/postcss-sorting": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz", - "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-5.0.1.tgz", + "integrity": "sha512-Y9fUFkIhfrm6i0Ta3n+89j56EFqaNRdUKqXyRp6kvTcSXnmgEjaVowCXH+JBe9+YKWqd4nc28r2sgwnzJalccA==", "dev": true, - "peerDependencies": { - "postcss": "^8.3.9" + "dependencies": { + "lodash": "^4.17.14", + "postcss": "^7.0.17" + }, + "engines": { + "node": ">=8.7.0" + } + }, + "node_modules/postcss-sorting/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "node_modules/postcss-sorting/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" } }, "node_modules/postcss-value-parser": { @@ -3530,20 +3478,16 @@ "dev": true }, "node_modules/stylelint": { - "version": "15.2.0", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.2.0.tgz", - "integrity": "sha512-wjg5OLn8zQwjlj5cYUgyQpMWKzct42AG5dYlqkHRJQJqsystFFn3onqEc263KH4xfEI0W3lZCnlIhFfS64uwSA==", + "version": "14.16.1", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.16.1.tgz", + "integrity": "sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==", "dev": true, "dependencies": { - "@csstools/css-parser-algorithms": "^2.0.1", - "@csstools/css-tokenizer": "^2.0.1", - "@csstools/media-query-list-parser": "^2.0.1", - "@csstools/selector-specificity": "^2.1.1", + "@csstools/selector-specificity": "^2.0.2", "balanced-match": "^2.0.0", "colord": "^2.9.3", - "cosmiconfig": "^8.0.0", + "cosmiconfig": "^7.1.0", "css-functions-list": "^3.1.0", - "css-tree": "^2.3.1", "debug": "^4.3.4", "fast-glob": "^3.2.12", "fastest-levenshtein": "^1.0.16", @@ -3552,7 +3496,7 @@ "globby": "^11.1.0", "globjoin": "^0.1.4", "html-tags": "^3.2.0", - "ignore": "^5.2.4", + "ignore": "^5.2.1", "import-lazy": "^4.0.0", "imurmurhash": "^0.1.4", "is-plain-object": "^5.0.0", @@ -3562,7 +3506,7 @@ "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.21", + "postcss": "^8.4.19", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", "postcss-safe-parser": "^6.0.0", @@ -3576,13 +3520,13 @@ "svg-tags": "^1.0.0", "table": "^6.8.1", "v8-compile-cache": "^2.3.0", - "write-file-atomic": "^5.0.0" + "write-file-atomic": "^4.0.2" }, "bin": { "stylelint": "bin/stylelint.js" }, "engines": { - "node": "^14.13.1 || >=16.0.0" + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, "funding": { "type": "opencollective", @@ -3590,91 +3534,103 @@ } }, "node_modules/stylelint-config-idiomatic-order": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-9.0.0.tgz", - "integrity": "sha512-+LtfPycY1Paayf1MaERyh6BzVPnZxemX5NtzdUPqi4u8hyAR7859f/4EL02+Kr9va76iX7mbYC4HendocXKJZQ==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-8.1.0.tgz", + "integrity": "sha512-iTPY6JjbkIdzy+21x3a1xi/tG33zKhLJb6lZl1xg6jZrXjgIYelnRZ5xVtbcEP9rElxZq/Zu1eGthfvI+ri+YQ==", "dev": true, "dependencies": { - "stylelint-order": "^5.0.0" - }, - "engines": { - "node": ">=12" + "stylelint-order": "^3.1.1" }, "peerDependencies": { "stylelint": ">=11" } }, - "node_modules/stylelint-config-idiomatic-order/node_modules/stylelint-order": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz", - "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==", - "dev": true, - "dependencies": { - "postcss": "^8.3.11", - "postcss-sorting": "^7.0.1" - }, - "peerDependencies": { - "stylelint": "^14.0.0" - } - }, "node_modules/stylelint-config-recommended": { - "version": "10.0.1", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-10.0.1.tgz", - "integrity": "sha512-TQ4xQ48tW4QSlODcti7pgSRqBZcUaBzuh0jPpfiMhwJKBPkqzTIAU+IrSWL/7BgXlOM90DjB7YaNgFpx8QWhuA==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-8.0.0.tgz", + "integrity": "sha512-IK6dWvE000+xBv9jbnHOnBq01gt6HGVB2ZTsot+QsMpe82doDQ9hvplxfv4YnpEuUwVGGd9y6nbaAnhrjcxhZQ==", "dev": true, "peerDependencies": { - "stylelint": "^15.0.0" + "stylelint": "^14.8.0" } }, "node_modules/stylelint-config-recommended-scss": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-9.0.1.tgz", - "integrity": "sha512-qAmz/TdrqslwiMTuLM3QXeISUkfEDUXGMfRBCHm/xrkCJNnQefv+mzG2mWTsWkqcVk8HAyUkug10dwAcYp2fCQ==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-7.0.0.tgz", + "integrity": "sha512-rGz1J4rMAyJkvoJW4hZasuQBB7y9KIrShb20l9DVEKKZSEi1HAy0vuNlR8HyCKy/jveb/BdaQFcoiYnmx4HoiA==", "dev": true, "dependencies": { "postcss-scss": "^4.0.2", - "stylelint-config-recommended": "^10.0.1", - "stylelint-scss": "^4.4.0" + "stylelint-config-recommended": "^8.0.0", + "stylelint-scss": "^4.0.0" }, "peerDependencies": { - "postcss": "^8.3.3", - "stylelint": "^15.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - } + "stylelint": "^14.4.0" } }, "node_modules/stylelint-config-standard": { - "version": "30.0.1", - "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-30.0.1.tgz", - "integrity": "sha512-NbeHOmpRQhjZh5XB1B/S4MLRWvz4xxAxeDBjzl0tY2xEcayNhLbaRGF0ZQzq+DQZLCcPpOHeS2Ru1ydbkhkmLg==", + "version": "26.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-26.0.0.tgz", + "integrity": "sha512-hUuB7LaaqM8abvkOO84wh5oYSkpXgTzHu2Zza6e7mY+aOmpNTjoFBRxSLlzY0uAOMWEFx0OMKzr+reG1BUtcqQ==", "dev": true, "dependencies": { - "stylelint-config-recommended": "^10.0.1" + "stylelint-config-recommended": "^8.0.0" }, "peerDependencies": { - "stylelint": "^15.0.0" + "stylelint": "^14.9.0" } }, "node_modules/stylelint-config-standard-scss": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-7.0.1.tgz", - "integrity": "sha512-m5sRdtsB1F5fnC1Ozla7ryftU47wVpO+HWd+JQTqeoG0g/oPh5EfbWfcVHbNCEtuoHfALIySiUWS20pz2hX6jA==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-5.0.0.tgz", + "integrity": "sha512-zoXLibojHZYPFjtkc4STZtAJ2yGTq3Bb4MYO0oiyO6f/vNxDKRcSDZYoqN260Gv2eD5niQIr1/kr5SXlFj9kcQ==", "dev": true, "dependencies": { - "stylelint-config-recommended-scss": "^9.0.0", - "stylelint-config-standard": "^30.0.1" + "stylelint-config-recommended-scss": "^7.0.0", + "stylelint-config-standard": "^26.0.0" }, "peerDependencies": { - "postcss": "^8.3.3", - "stylelint": "^15.0.0" + "stylelint": "^14.9.0" + } + }, + "node_modules/stylelint-order": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-3.1.1.tgz", + "integrity": "sha512-4gP/r8j/6JGZ/LL41b2sYtQqfwZl4VSqTp7WeIwI67v/OXNQ08dnn64BGXNwAUSgb2+YIvIOxQaMzqMyQMzoyQ==", + "dev": true, + "dependencies": { + "lodash": "^4.17.15", + "postcss": "^7.0.17", + "postcss-sorting": "^5.0.1" }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - } + "engines": { + "node": ">=8.7.0" + }, + "peerDependencies": { + "stylelint": ">=10.0.1" + } + }, + "node_modules/stylelint-order/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "node_modules/stylelint-order/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" } }, "node_modules/stylelint-scss": { @@ -3929,16 +3885,16 @@ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" }, "node_modules/write-file-atomic": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.0.tgz", - "integrity": "sha512-R7NYMnHSlV42K54lwY9lvW6MnSm1HSJqZL3xiSgi9E7//FYaI74r2G0rd+/X6VAMkHEdzxQaU5HUOXWUz5kA/w==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz", + "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==", "dev": true, "dependencies": { "imurmurhash": "^0.1.4", "signal-exit": "^3.0.7" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" } }, "node_modules/ws": { @@ -3966,6 +3922,15 @@ "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" }, + "node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/yargs-parser": { "version": "20.2.9", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", diff --git a/package.json b/package.json index dc60870..09cfac3 100644 --- a/package.json +++ b/package.json @@ -17,8 +17,8 @@ "alpinejs": "^3.11.1" }, "devDependencies": { - "stylelint": "^15.2.0", - "stylelint-config-idiomatic-order": "^9.0.0", - "stylelint-config-standard-scss": "^7.0.1" + "stylelint": "^14.11.0", + "stylelint-config-idiomatic-order": "^8.1.0", + "stylelint-config-standard-scss": "^5.0.0" } } diff --git a/src/css/2-components/_buttons.scss b/src/css/2-components/_buttons.scss index 121a252..ba7891e 100755 --- a/src/css/2-components/_buttons.scss +++ b/src/css/2-components/_buttons.scss @@ -18,15 +18,16 @@ $btn-border-width: 0.1rem; justify-content: center; padding: 0.8em 1.6em; border: $btn-border-width solid transparent; - border-radius: $btn-radius; margin: 0; background-color: $btn-primary; + border-radius: $btn-radius; box-shadow: none; - box-shadow: .5rem .5rem 0 0 color.adjust($btn-primary, $saturation: -30%, $lightness: -10%); + box-shadow: 0.5rem 0.5rem 0 0 color.adjust($btn-primary, $saturation: -30%, $lightness: -10%); color: #fff; font: inherit; font-size: 1.9rem; - font-weight: 900; gap: .5em; + font-weight: 900; + gap: 0.5em; line-height: ($line-height + em); text-align: center; transition-duration: 0.15s; @@ -34,7 +35,6 @@ $btn-border-width: 0.1rem; vertical-align: middle; } - .btn:hover, .btn:active { background-color: color.adjust($btn-primary, $lightness: - $btn-hover); @@ -42,7 +42,7 @@ $btn-border-width: 0.1rem; .btn:active { box-shadow: none; - transform: translate(.5rem, .5rem); + transform: translate(0.5rem, 0.5rem); } .btn svg { @@ -52,12 +52,11 @@ $btn-border-width: 0.1rem; /* colors -------------------------------------------------------------- */ - .btn--secondary, .btn--secondary:link, .btn--secondary:visited { background-color: $btn-secondary; - box-shadow: .5rem .5rem 0 0 color.adjust($btn-secondary, $saturation: -30%, $lightness: -10%); + box-shadow: 0.5rem 0.5rem 0 0 color.adjust($btn-secondary, $saturation: -30%, $lightness: -10%); color: #fff; } @@ -75,7 +74,7 @@ $btn-border-width: 0.1rem; .btn--tertiary:visited { border-color: $btn-tertiary; background-color: $color-bg-1; - box-shadow: .5rem .5rem 0 0 color.adjust($color-purple-3, $lightness: + 15%); + box-shadow: 0.5rem 0.5rem 0 0 color.adjust($color-purple-3, $lightness: + 15%); color: $btn-tertiary; } @@ -86,7 +85,7 @@ $btn-border-width: 0.1rem; } .btn--tertiary:active { - box-shadow: none; + box-shadow: none; } .btn--icoYellow svg { diff --git a/src/css/2-components/_forms.scss b/src/css/2-components/_forms.scss index 97f3362..396becc 100755 --- a/src/css/2-components/_forms.scss +++ b/src/css/2-components/_forms.scss @@ -67,9 +67,9 @@ select { max-width: 32rem; padding: $input-padding; border: $input-border; - border-radius: $input-border-radius; margin: 0; background-color: $input-background-color; + border-radius: $input-border-radius; color: $input-color; line-height: $input-lineheight; vertical-align: middle; diff --git a/src/css/2-components/_highlighter.scss b/src/css/2-components/_highlighter.scss index 7c4e44d..d9477eb 100644 --- a/src/css/2-components/_highlighter.scss +++ b/src/css/2-components/_highlighter.scss @@ -28,7 +28,6 @@ z-index: 1; } - .highlighter-underline::before { position: absolute; z-index: -1; diff --git a/src/css/2-components/_notifications.scss b/src/css/2-components/_notifications.scss index 561b7c1..b7c29db 100755 --- a/src/css/2-components/_notifications.scss +++ b/src/css/2-components/_notifications.scss @@ -59,6 +59,6 @@ $notif-error: $color-red; } .notif--successPlusOne::before { -position: absolute; -content: ""; + position: absolute; + content: ""; } diff --git a/src/css/2-components/_separator.scss b/src/css/2-components/_separator.scss index 2ebedd4..cd9dd57 100644 --- a/src/css/2-components/_separator.scss +++ b/src/css/2-components/_separator.scss @@ -15,7 +15,7 @@ .separator::after { display: block; width: auto; - height: .2rem; + height: 0.2rem; background-color: $color-purple-3; content: ""; } diff --git a/src/css/3-base/_01-fonts.scss b/src/css/3-base/_01-fonts.scss index 08e3fff..94059a3 100755 --- a/src/css/3-base/_01-fonts.scss +++ b/src/css/3-base/_01-fonts.scss @@ -2,62 +2,60 @@ // == Webfonts // ----------------------------------------------------------- - - @font-face { font-display: optional; font-family: Inter; font-weight: normal; - src: local("Inter Medium"), - local("Inter"), - url("/fonts/Inter-Medium.woff2") format("woff2"), - url("/fonts/Inter-Medium.woff") format("woff"); + src: + local("Inter Medium"), + local("Inter"), + url("/fonts/Inter-Medium.woff2") format("woff2"), + url("/fonts/Inter-Medium.woff") format("woff"); } - @font-face { font-display: optional; font-family: Inter; font-weight: 900; - src: local("Inter Black"), - local("Inter"), - url("/fonts/Inter-Black.woff2") format("woff2"), - url("/fonts/Inter-Black.woff") format("woff"); + src: + local("Inter Black"), + local("Inter"), + url("/fonts/Inter-Black.woff2") format("woff2"), + url("/fonts/Inter-Black.woff") format("woff"); } - @font-face { font-display: optional; font-family: Inter; font-weight: bold; - src: local("Inter Black"), - local("Inter"), - url("/fonts/Inter-Black.woff2") format("woff2"), - url("/fonts/Inter-Black.woff") format("woff"); + src: + local("Inter Black"), + local("Inter"), + url("/fonts/Inter-Black.woff2") format("woff2"), + url("/fonts/Inter-Black.woff") format("woff"); } - // Fallback trick to reduce visual shift // -------------------------------------------------------------- @font-face { - font-family:Inter-fallback; - size-adjust:107%; + font-family: Inter-fallback; + size-adjust: 107%; src: local("Arial Medium"), local("Arial"); - } +} @font-face { ascent-override: 105%; - font-family:Inter-fallback; + font-family: Inter-fallback; font-weight: bold; - size-adjust:101%; - src:local("Arial Black"), local("Arial"); - } + size-adjust: 101%; + src: local("Arial Black"), local("Arial"); +} @font-face { ascent-override: 105%; - font-family:Inter-fallback; + font-family: Inter-fallback; font-weight: 900; - size-adjust:101%; - src:local("Arial Black"), local("Arial"); - } + size-adjust: 101%; + src: local("Arial Black"), local("Arial"); +} diff --git a/src/css/3-base/_06-header.scss b/src/css/3-base/_06-header.scss index e3974ef..43b7de8 100755 --- a/src/css/3-base/_06-header.scss +++ b/src/css/3-base/_06-header.scss @@ -3,11 +3,11 @@ // ------------------------------------------------------------- .header { -z-index: 1; -display: flex; -justify-content: center; -padding-top: 3.3rem; -margin-bottom: -3rem; + z-index: 1; + display: flex; + justify-content: center; + padding-top: 3.3rem; + margin-bottom: -3rem; } .header-title, @@ -16,7 +16,7 @@ margin-bottom: -3rem; padding: 1.5rem 3.5rem; margin: 0; background-color: $color-bg-1; - box-shadow: 0 .4rem .4rem rgb(150 152 156 / 61%); + box-shadow: 0 0.4rem 0.4rem rgb(150 152 156 / 61%); color: $color-purple-1; font-size: 2.6rem; font-weight: 900; diff --git a/src/css/4-modules/_banner.scss b/src/css/4-modules/_banner.scss index a8e9e4e..a852975 100644 --- a/src/css/4-modules/_banner.scss +++ b/src/css/4-modules/_banner.scss @@ -2,7 +2,7 @@ // == Banner with hands on the side like a protest sign // ----------------------------------------------------------- -$banner-margin-inline: clamp(.5rem, 2vw, 4rem); +$banner-margin-inline: clamp(0.5rem, 2vw, 4rem); $banner-padding: clamp(2.5rem, 5vw, 7rem); .banner { diff --git a/src/css/5-pages/_counter.scss b/src/css/5-pages/_counter.scss index 1bd400c..4507784 100644 --- a/src/css/5-pages/_counter.scss +++ b/src/css/5-pages/_counter.scss @@ -22,7 +22,7 @@ .counter-strikeeeee-lol { display: inline-block; - margin-top: .25em; + margin-top: 0.25em; margin-bottom: 20%; color: $color-purple-1; font-size: 4.8rem; diff --git a/src/css/_colors.scss b/src/css/_colors.scss index 2b5698d..6fb1336 100755 --- a/src/css/_colors.scss +++ b/src/css/_colors.scss @@ -18,13 +18,12 @@ $color-yellow-1: hsl($hue-yellow 100% 53%); // ------------------------------------------------------------- $color-bg-1: hsl(0deg 100% 99%); -$color-gradient-1: radial-gradient(100% 100% at 0% 0%, $color-purple-1 10.36%, #C82E79 77.03%, #D33238 94.73%); +$color-gradient-1: radial-gradient(100% 100% at 0% 0%, $color-purple-1 10.36%, #c82e79 77.03%, #d33238 94.73%); // ------------------------------------------------------------- // utility // ------------------------------------------------------------- - $color-info: #2185d0; $color-red: #de350b; $color-green: hsl($hue-green, 68%, 56%);