GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-12-18 05:41:56 +00:00
Code Issues Activity

Fix CSS linter

Browse source
This commit is contained in:
Tixie Salander 2023-03-02 06:43:24 +01:00
parent 6b763db882
commit 30004a9675
12 changed files with 184 additions and 224 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

303
package-lock.json generated
View file

@ -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"
},
"peerDependenciesMeta": {
"postcss": {
"optional": true
"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"
},
"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",

6
package.json
View file

@ -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"
}
}

15
src/css/2-components/_buttons.scss
View file

@ -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;
}

2
src/css/2-components/_forms.scss
View file

@ -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;

1
src/css/2-components/_highlighter.scss
View file

@ -28,7 +28,6 @@
z-index: 1;
}
.highlighter-underline::before {
position: absolute;
z-index: -1;

4
src/css/2-components/_notifications.scss
View file

@ -59,6 +59,6 @@ $notif-error: $color-red;
}
.notif--successPlusOne::before {
position: absolute;
content: "";
position: absolute;
content: "";
}

2
src/css/2-components/_separator.scss
View file

@ -15,7 +15,7 @@
.separator::after {
display: block;
width: auto;
height: .2rem;
height: 0.2rem;
background-color: $color-purple-3;
content: "";
}

36
src/css/3-base/_01-fonts.scss
View file

@ -2,62 +2,60 @@
// == Webfonts
// -----------------------------------------------------------
@font-face {
font-display: optional;
font-family: Inter;
font-weight: normal;
src: local("Inter Medium"),
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"),
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"),
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");
}

12
src/css/3-base/_06-header.scss
View file

@ -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;

2
src/css/4-modules/_banner.scss
View file

@ -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 {

2
src/css/5-pages/_counter.scss
View file

@ -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;

3
src/css/_colors.scss
View file

@ -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%);