malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Update DEVELOPMENT.md

Browse Source
This commit is contained in:
Tetrakern 2024-02-25 17:30:54 +01:00
parent 2c88423757
commit e3c3c852eb
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
DEVELOPMENT.md
View File

@ -127,22 +127,22 @@ font-size: clamp(1.35em, 1vw + 18.4px, 1.75em); // CSS
* hsl_code(hue, saturation, lightness) returns a dynamic HSL code.
*/
--bg-500: #{hsl_code(222, 13, 27)}; // SCSS
--bg-500: hsl(calc(220deg + var(--hue-rotate)) calc(9% * var(--saturation)) clamp(23%, 46% * var(--darken), 73%)); // CSS
--bg-500: #{hsl_code(222, 13, 26.5)}; // SCSS
--bg-500: hsl(calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(13.25%, 26.5% * var(--darken), 53%)); // CSS
/*
* hsl_code_free(hue, saturation, lightness) returns a dynamic HSL code but without the HSL wrapper.
*/
--bg-900-free: #{hsl_code_free(222, 15, 17)}; // SCSS
--bg-900-free: calc(222deg + var(--hue-rotate)) calc(15% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%) // CSS
--bg-900-free: #{hsl_code_free(219, 15, 17)}; // SCSS
--bg-900-free: calc(219deg + var(--hue-rotate)) calc(15% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%) // CSS
/*
* hsl_font_code(hue, saturation, lightness) returns a dynamic HSL font code.
*/
--fg-500: #{hsl_font_code(222, 14, 69)}; // SCSS
--fg-500: hsl(calc(215deg + var(--hue-rotate)) calc(28% * (var(--font-saturation) + var(--saturation) - 1)) 17%); // CSS
--fg-500: #{hsl_font_code(222, 18, 76)}; // SCSS
--fg-500: hsl(calc(222deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) 76%); // CSS
```
## JavaScript