Skip to content

Commit 2bcf97b

Browse files
committed
[css-color-5] Add big text section indicators
1 parent e8cd676 commit 2bcf97b

File tree

1 file changed

+41
-1
lines changed

1 file changed

+41
-1
lines changed

css-color-5/Overview.bs

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,16 @@ The [=xyz=] colorspace is CIE XYZ, with a D50 whitepoint, and allows computation
101101
in a linear-light-intensity space.
102102

103103

104+
<!--
105+
██ ██ ████ ██ ██
106+
███ ███ ██ ██ ██
107+
████ ████ ██ ██ ██
108+
██ ███ ██ ██ ███
109+
██ ██ ██ ██ ██
110+
██ ██ ██ ██ ██
111+
██ ██ ████ ██ ██
112+
-->
113+
104114
Mixing colors: the ''color-mix()'' function {#color-mix}
105115
=====================================================
106116

@@ -465,6 +475,16 @@ which is rgb(52.446% 45.821% 62.953%)
465475

466476
Issue(#4711): <a href="https://github.com/w3c/csswg-drafts/issues/4711">color-mix to allow more than two colors?</a>
467477

478+
<!--
479+
██████ ███████ ██ ██ ████████ ████████ ███ ██████ ████████
480+
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██
481+
██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██
482+
██ ██ ██ ██ ██ ██ ██ ████████ ██ ██ ██████ ██
483+
██ ██ ██ ██ ████ ██ ██ ██ █████████ ██ ██
484+
██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
485+
██████ ███████ ██ ██ ██ ██ ██ ██ ██ ██████ ██
486+
-->
487+
468488
Selecting the most contrasting color: the ''color-contrast()'' function {#colorcontrast}
469489
========================================================================================
470490

@@ -526,6 +546,16 @@ Selecting the most contrasting color: the ''color-contrast()'' function {#colorc
526546
<!-- great example to use in WPT -->
527547
</div>
528548

549+
<!--
550+
███ ████████ ██ ██ ██ ██████ ████████
551+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
552+
██ ██ ██ ██ ██ ██ ██ ██ ██
553+
██ ██ ██ ██ ██ ██ ██ ██████ ██
554+
█████████ ██ ██ ██ ██ ██ ██ ██ ██
555+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
556+
██ ██ ████████ ██████ ███████ ██████ ██
557+
-->
558+
529559
Modifying colors {#colormodify}
530560
===============================
531561

@@ -586,8 +616,18 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
586616
<!-- image out of sync with example
587617
<img src="images/adjust_red_lightness30.png" alt="Result of adjust-color(red, lightness(30%)" /> -->
588618

619+
<!--
620+
████████ ████████ ██ ███ ████████ ████ ██ ██ ████████
621+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
622+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
623+
████████ ██████ ██ ██ ██ ██ ██ ██ ██ ██████
624+
██ ██ ██ ██ █████████ ██ ██ ██ ██ ██
625+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
626+
██ ██ ████████ ████████ ██ ██ ██ ████ ███ ████████
627+
-->
628+
589629
Relative color syntax {#relative-colors}
590-
--------------------------------------------------------
630+
----------------------------------------
591631

592632
Besides specifying absolute coordinates, all color functions can also be used with a *relative syntax* to produce colors in the function's target [=colorspace=], based on an existing color (henceforth referred to as "origin color"). This syntax consists of the keyword ''from'', a <<color>> value, and optionally numerical coordinates specific to the color function. To allow calculations on the original color's coordinates, there are single-letter keywords for each coordinate and `alpha` that corresponds to the color's alpha. If no coordinates are specified, the function merely converts the origin color to the target function's [=colorspace=].
593633

0 commit comments

Comments
 (0)