Skip to content

Commit 7681e9f

Browse files
committed
[mediaqueries] Add example to update-frequency.
1 parent fb41fad commit 7681e9f

2 files changed

Lines changed: 483 additions & 374 deletions

File tree

mediaqueries/Overview.bs

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1135,10 +1135,24 @@ update-frequency</h3>
11351135
<dt><dfn>normal</dfn>
11361136
<dd>
11371137
The layout may change dynamically according to the usual rules of CSS,
1138-
and the output device is not unusually constrained in speed.
1138+
and the output device is not unusually constrained in speed,
1139+
so regularly-updating things like CSS Animations can be used.
11391140
Example: computer screens.
11401141
</dl>
11411142

1143+
<div class='example'>
1144+
For example, if a page styles its links to only add underlines on hover,
1145+
it may want to always display underlines when printed:
1146+
1147+
<pre>
1148+
a { text-decoration: none; }
1149+
a:hover, a:focus { text-decoration: underline; }
1150+
@media (update-frequency: none) {
1151+
a { text-decoration: underline; }
1152+
}
1153+
</pre>
1154+
</div>
1155+
11421156
<h3 id='mf-overflow-block'>
11431157
overflow-block</h3>
11441158

0 commit comments

Comments
 (0)