diff --git a/languages/zh-tw/components/wrap.yml b/languages/zh-tw/components/wrap.yml index 2b3f9ea7..f8d48992 100644 --- a/languages/zh-tw/components/wrap.yml +++ b/languages/zh-tw/components/wrap.yml @@ -17,6 +17,17 @@ Type: Article Relatives: - Grid +#======================================================= +# 變數 +# Variables +#======================================================= + +Variables: + - Name: "--gap" + Default: "1rem" + Description: "項目之間的空白間隙寬度。" + Target: ".ts-wrap" + #======================================================= # 基本樣式 # Definitions diff --git a/src/wrap.css b/src/wrap.css index d7ed4087..c8c4ebd4 100644 --- a/src/wrap.css +++ b/src/wrap.css @@ -2,13 +2,17 @@ Variables ========================================================================== */ +.ts-wrap { + --gap: 1rem; +} + /* ========================================================================== Base ========================================================================== */ .ts-wrap { display: flex; - gap: 1rem; + gap: var(--gap); flex-wrap: wrap; } @@ -64,7 +68,7 @@ */ .ts-wrap.is-relaxed { - gap: 2rem; + --gap: 2rem; } /** @@ -72,5 +76,5 @@ */ .ts-wrap.is-compact { - gap: 0.5rem; + --gap: 0.5rem; }