@ou-imdt/css
Version:
The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.
20 lines (19 loc) • 824 B
CSS
.contrast-text {
--red: var(--r);
--green: var(--g);
--blue: var(--b);
--luma: calc(((((var(--red) * 299) + (var(--green) * 587) + (var(--blue) * 114)) / 1000) - 128) * -1000);
--black-or-white: rgb(var(--luma), var(--luma), var(--luma));
--semi-b-or-w: rgba(var(--luma), var(--luma), var(--luma), 0.5);
--rgb: rgb(var(--red), var(--green), var(--blue));
--rgba: rgba(var(--red), var(--green), var(--blue), 0.5);
--not-rgb: rgb(calc(255 - var(--red)),
calc(255 - var(--green)),
calc(255 - var(--blue)));
--not-rgba: rgb(calc(255 - var(--red)),
calc(255 - var(--green)),
calc(255 - var(--blue)),
0.4);
color: rgb(var(--luma), var(--luma), var(--luma));
background-color: rgb(var(--red), var(--green), var(--blue));
}