Skip to content

Commit

Permalink
[css-conditional-3] Fix comment syntax in example.
Browse files Browse the repository at this point in the history
Fixes #3994.
  • Loading branch information
dbaron committed Jun 2, 2019
1 parent b8c4704 commit d5e84a5
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions css-conditional-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -365,22 +365,22 @@ For example, the following rule is not valid:
@supports (transition-property: color) or
(animation-name: foo) and
(transform: rotate(10deg)) {
// ...
/* ... */
}
</pre>
Instead, authors must write one of the following:
<pre>
@supports ((transition-property: color) or
(animation-name: foo)) and
(transform: rotate(10deg)) {
// ...
/* ... */
}
</pre>
<pre>
@supports (transition-property: color) or
((animation-name: foo) and
(transform: rotate(10deg))) {
// ...
/* ... */
}
</pre>
</div>
Expand All @@ -392,13 +392,13 @@ when it is the only thing in the expression.
For example, the following rule is not valid:
<pre class="illegal">
@supports display: flex {
// ...
/* ... */
}
</pre>
Instead, authors must write:
<pre>
@supports (display: flex) {
// ...
/* ... */
}
</pre>
</div>
Expand All @@ -412,7 +412,7 @@ authoring tools.
For example, authors may write:
<pre>
@supports ((display: flex)) {
// ...
/* ... */
}
</pre>
</div>
Expand All @@ -424,7 +424,7 @@ though it won't change the validity of the declaration.
For example, the following rule is valid:
<pre>
@supports (display: flex !important) {
// ...
/* ... */
}
</pre>
</div>
Expand Down

0 comments on commit d5e84a5

Please sign in to comment.