Skip to content

Commit 5222396

Browse files
committed
[css-variables] Clarify variable interpolation bheavior.
1 parent 131f6fc commit 5222396

2 files changed

Lines changed: 9 additions & 1 deletion

File tree

css-variables/Overview.bs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -183,6 +183,10 @@ Custom Property Value Syntax</h3>
183183
can be made conditional with ''@media'' and other conditional rules,
184184
can be used in HTML's <code>style</code> attribute,
185185
can be read or set using the CSSOM, etc.
186+
Notably, they can even be transitioned or animated,
187+
but since the UA has no way to interpret their contents,
188+
they always use the "flips at 50%" behavior
189+
that is used for any other pair of values that can't be intelligently interpolated.
186190

187191
<div class='example'>
188192
This style rule:

css-variables/Overview.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
</p>
5757
<h1 class="p-name no-ref" id=title>CSS Custom Properties for Cascading Variables Module Level 1</h1>
5858
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
59-
<span class=dt-updated><span class=value-title title=20140401>1 April 2014</span></span></span></h2>
59+
<span class=dt-updated><span class=value-title title=20140403>3 April 2014</span></span></span></h2>
6060
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-variables-1/>http://www.w3.org/TR/css-variables-1/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css-variables-1-20130620/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-1-20130620/</a><dd><a href=http://www.w3.org/TR/2013/WD-css-variables-20130312/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-20130312/</a><dd><a href=http://www.w3.org/TR/2012/WD-css-variables-20120410/ rel=previous>http://www.w3.org/TR/2012/WD-css-variables-20120410/</a>
6161
<dt>Feedback:</dt>
6262
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-variables%5D%20feedback">www-style@w3.org</a>
@@ -292,6 +292,10 @@ <h3 class="heading settled heading" data-level=2.1 id=syntax><span class=secno>2
292292
can be made conditional with <a class=css data-link-type=maybe href=http://dev.w3.org/csswg/css-conditional-3/#at-ruledef-media title=@media>@media</a> and other conditional rules,
293293
can be used in HTML’s <code>style</code> attribute,
294294
can be read or set using the CSSOM, etc.
295+
Notably, they can even be transitioned or animated,
296+
but since the UA has no way to interpret their contents,
297+
they always use the "flips at 50%" behavior
298+
that is used for any other pair of values that can’t be intelligently interpolated.
295299

296300
<div class=example>
297301
This style rule:

0 commit comments

Comments
 (0)