summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-07 21:55:14 +0100
committerVolpeon <git@volpeon.ink>2022-02-07 21:55:14 +0100
commit9746510148ea89af92d1e9fc745f3e34b02d2866 (patch)
treea93a41f8e65cf409596a2145bc86c0199d87c0e9
parentImproved accent handling (diff)
downloadiro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.tar.gz
iro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.tar.bz2
iro-design-9746510148ea89af92d1e9fc745f3e34b02d2866.zip
Use HSLuv for accents
-rw-r--r--package.json1
-rw-r--r--src/_vars.scss9
-rw-r--r--yarn.lock5
3 files changed, 11 insertions, 4 deletions
diff --git a/package.json b/package.json
index 7454c11..b41b8d5 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
18 "serve": "python -m http.server --bind 127.0.0.1 --directory public 8000" 18 "serve": "python -m http.server --bind 127.0.0.1 --directory public 8000"
19 }, 19 },
20 "dependencies": { 20 "dependencies": {
21 "hsluv-sass": "^2.0.1",
21 "include-media": "^1.4.9", 22 "include-media": "^1.4.9",
22 "iro-sass": "git+https://git.vulpes.one/git/iro-sass.git" 23 "iro-sass": "git+https://git.vulpes.one/git/iro-sass.git"
23 }, 24 },
diff --git a/src/_vars.scss b/src/_vars.scss
index fd369f7..a9ca9bf 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -1,5 +1,6 @@
1@use 'iro-sass/src/index' as iro; 1@use 'iro-sass/src/index' as iro;
2@use 'include-media/dist/include-media' as media; 2@use 'include-media/dist/include-media' as media;
3@use 'hsluv-sass/src/hsluv' as hsluv;
3@use 'functions' as fn; 4@use 'functions' as fn;
4 5
5iro.$vars-root-size: 16px; 6iro.$vars-root-size: 16px;
@@ -115,10 +116,10 @@ media.$unit-intervals: (
115 --fg-lo: fn.color(--gray11, null), // Strong text 116 --fg-lo: fn.color(--gray11, null), // Strong text
116 117
117 --accent: ( 118 --accent: (
118 --blue: accent-palette(hsl(222, 49.8%, 52.4%)), 119 --blue: accent-palette(hsluv.hsluv(259, 68.1%, 47.7%)),
119 --red: accent-palette(hsl(352, 49.8%, 52.4%)), 120 --red: accent-palette(hsluv.hsluv(0, 68.1%, 47.7%)),
120 --green: accent-palette(hsl(113, 49.8%, 39.6%)), 121 --green: accent-palette(hsluv.hsluv(131, 68.1%, 47.7%)),
121 --yellow: accent-palette(hsl(50, 59.8%, 52.4%)), 122 --yellow: accent-palette(hsluv.hsluv(78, 68.1%, 47.7%)),
122 123
123 --primary: iro.props-ref('colors', --colors --accent --blue), 124 --primary: iro.props-ref('colors', --colors --accent --blue),
124 --error: iro.props-ref('colors', --colors --accent --red), 125 --error: iro.props-ref('colors', --colors --accent --red),
diff --git a/yarn.lock b/yarn.lock
index 2ab3c0d..a6eb1bc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1175,6 +1175,11 @@ hosted-git-info@^4.0.1:
1175 dependencies: 1175 dependencies:
1176 lru-cache "^6.0.0" 1176 lru-cache "^6.0.0"
1177 1177
1178hsluv-sass@^2.0.1:
1179 version "2.0.1"
1180 resolved "https://registry.yarnpkg.com/hsluv-sass/-/hsluv-sass-2.0.1.tgz#141368a4d08cd72cd3a156a1a5251e68ea0db2a4"
1181 integrity sha512-dBWTq11yV3qcJHkMJQIR4u5/LtfllyIKfVCS/qMjBIlNHQqbyMWjWTby+WnjzAyQsZYPR8e/dC6dVKoaYhvyzA==
1182
1178html-tags@^3.1.0: 1183html-tags@^3.1.0:
1179 version "3.1.0" 1184 version "3.1.0"
1180 resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140" 1185 resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"