Skip to content

Commit 0341099

Browse files
committed
Clarify that var() must be valid inside of custom properties, or else the property is invalid.
1 parent 2379673 commit 0341099

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

css-variables/Overview.bs

+6-1
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,10 @@ Custom Property Value Syntax</h3>
137137
unmatched <<)-token>>, <<]-token>>, or <<}-token>>,
138138
or top-level <<semicolon-token>> tokens or <<delim-token>> tokens with a value of "!".
139139

140+
In addition, if the value of a <a>custom property</a> contains a ''var()'' reference,
141+
the ''var()'' reference must be valid according to the specified ''var()'' grammar.
142+
If not, the <a>custom property</a> is invalid and must be ignored.
143+
140144
Note: This definition,
141145
along with the general CSS syntax rules,
142146
implies that a custom property value never includes an unmatched quote or bracket,
@@ -609,7 +613,7 @@ Variables in Shorthand Properties</h3>
609613
if an API allows them to be observed.
610614

611615
Similarly,
612-
while [[CSSOM-1]] defines that shorthand properties are serialized
616+
while [[CSSOM]] defines that shorthand properties are serialized
613617
by appropriately concatenating the values of their corresponding longhands,
614618
shorthands that are specified with explicit ''var()'' functions
615619
must serialize to the original, ''var()''-containing value.
@@ -667,6 +671,7 @@ Changes since the May 6 2014 Last Call Working Draft</h2>
667671
* Serialization of longhands when shorthand uses a variable was defined.
668672
* Link to DOM's definition of "case-sensitive".
669673
* Added example of using variables with '':lang()'' to do simple i18n.
674+
* Clarified that usage of ''var()'' in a custom property must be valid per the ''var()'' grammar.
670675

671676

672677
<h2 id="acks">

0 commit comments

Comments
 (0)