summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2024-09-24 17:41:56 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2024-09-24 17:41:56 +0900
commit6ee55e1ab3a1adb1fefee441286618cb2d1b88aa (patch)
treeaed3027786601ff6990bca35494fb20139bfd8ea
parentenhance(frontend): tweak control panel (diff)
downloadsharkey-6ee55e1ab3a1adb1fefee441286618cb2d1b88aa.tar.gz
sharkey-6ee55e1ab3a1adb1fefee441286618cb2d1b88aa.tar.bz2
sharkey-6ee55e1ab3a1adb1fefee441286618cb2d1b88aa.zip
Update CONTRIBUTING.md
-rw-r--r--CONTRIBUTING.md21
1 files changed, 21 insertions, 0 deletions
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 72c84c2f18..f61311f1e5 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -572,3 +572,24 @@ marginはそのコンポーネントを使う側が設定する
### indexというファイル名を使うな
ESMではディレクトリインポートは廃止されているのと、ディレクトリインポートせずともファイル名が index だと何故か一部のライブラリ?でディレクトリインポートだと見做されてエラーになる
+
+## CSS Recipe
+
+### Lighten CSS vars
+
+``` css
+color: hsl(from var(--accent) h s calc(l + 10));
+```
+
+### Darken CSS vars
+
+``` css
+color: hsl(from var(--accent) h s calc(l - 10));
+```
+
+### Add alpha to CSS vars
+
+``` css
+color: color(from var(--accent) srgb r g b / 0.5);
+```
+