Skip to content

Commit

Permalink
[css-mixins-1] Explain comma-containing values as single argument (#1…
Browse files Browse the repository at this point in the history
  • Loading branch information
andruud authored Jan 14, 2025
1 parent b125fb5 commit 69a9856
Showing 1 changed file with 14 additions and 2 deletions.
16 changes: 14 additions & 2 deletions css-mixins-1/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -225,8 +225,6 @@ Its syntax is:
--*( <<declaration-value>># )
</pre>

Issue: Mention semicolon upgrades.

A <<dashed-function>> can only be used where ''var()'' is allowed.

If a property contains one or more <<dashed-function>>s,
Expand Down Expand Up @@ -334,7 +332,21 @@ Evaluating Custom Functions {#evaluating-custom-functions}
:: The |parameter|'s [=default value=].
</dl>
3. Return |value|.
</div>

<div class='example'>
A [=comma-containing productions|comma-containing value=]
may be passed as a single argument
by wrapping the value in curly braces, <code>{}</code>:

<pre class='lang-css'>
@function --max-plus-x(--list, --x) {
result: calc(max(var(--list)) + var(--x));
}
div {
width: --max-plus-x({ 1px, 7px, 2px }, 3px); /* 10px */
}
</pre>
</div>

<div algorithm>
Expand Down

0 comments on commit 69a9856

Please sign in to comment.