Skip to content

Commit e43947c

Browse files
committed
[css-fonts-4] Add palette example
1 parent 67fb334 commit e43947c

2 files changed

Lines changed: 21 additions & 1 deletion

File tree

css-fonts-4/Overview.bs

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5672,7 +5672,27 @@ User-defined font color palettes: The ''@font-palette-values'' rule</h3>
56725672
}
56735673
</pre>
56745674

5675-
The ''@font-palette-values'' rule accepts the descriptors defined in this specification.
5675+
The ''@font-palette-values'' rule accepts the descriptors defined in this specification.
5676+
5677+
<div class="example">
5678+
Modify Bixa Color's color palette.
5679+
5680+
<pre>
5681+
@font-palette-values Cooler {
5682+
font-family: Bixa;
5683+
base-palette: 1;
5684+
override-color:
5685+
1 #7EB7E4;
5686+
}
5687+
</pre>
5688+
5689+
<figure>
5690+
<img src="images/bixa-colors.png" alt="overriding a color"/>
5691+
<figcaption>Bixa Color by Novo Typo. Above, using the colors in the font;
5692+
below, the orange changed to a blue.</figcaption>
5693+
</figure>
5694+
5695+
</div>
56765696

56775697
<div class="example">
56785698
Modify Handover Sans's color palette

css-fonts-4/images/bixa-colors.png

60.9 KB
Loading

0 commit comments

Comments
 (0)