Skip to content

Commit 01a50e5

Browse files
committed
[css-color-5] link live code to examples
1 parent 3f564d6 commit 01a50e5

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

css-color-5/Overview.bs

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,8 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
143143
and
144144
<var>p2</var> becomes <var>p2</var> / (<var>p1</var> + <var>p2</var>).
145145

146-
<div class="example">
146+
<div class="example" id="ex-mix-syntactic">
147+
<!-- https://colorjs.io/notebook/?storage=https%3A%2F%2Fgist.github.com%2Fsvgeesus%2Fe37b01c449283352482d05fae52b9452 -->
147148
These syntactic forms are thus all equivalent:
148149

149150
<pre class="lang-css">
@@ -185,7 +186,10 @@ of the second color to the first color.
185186
Note: As a corrollary, a percentage of 0% just returns the other color converted to the specified color space,
186187
and a percentage of 100% returns the same color converted to the specified color space.
187188

188-
<div class="example">
189+
<div class="example" id="ex-mix-lch-peru40">
190+
<!--
191+
https://colorjs.io/notebook/?storage=https%3A%2F%2Fgist.github.com%2Fsvgeesus%2F2ddd7cf7cf822f2fb2bdc32faeb2b7f6
192+
-->
189193
This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
190194
and 60% <span class="swatch" style="--color: palegoldenrod"></span> palegoldenrod.
191195

0 commit comments

Comments
 (0)