Skip to content

Instantly share code, notes, and snippets.

@AngusFu
Created June 30, 2019 05:07
Show Gist options
  • Save AngusFu/df53213ed2ca2b532fc00319a6fbec93 to your computer and use it in GitHub Desktop.
Save AngusFu/df53213ed2ca2b532fc00319a6fbec93 to your computer and use it in GitHub Desktop.
postcss-tint-shade
--r: 1;
--g: 213;
--b: 103;
--percent: 0.1;
--r1: calc(var(--r) + (255 - var(--r)) * var(--percent));
--g1: calc(var(--g) + (255 - var(--g)) * var(--percent));
--b1: calc(var(--b) + (255 - var(--b)) * var(--percent));
--r2: calc(var(--r) + (0 - var(--r)) * var(--percent));
--g2: calc(var(--g) + (0 - var(--g)) * var(--percent));
--b2: calc(var(--b) + (0 - var(--b)) * var(--percent));
--rgb: rgb(var(--r),var(--g), var(--b));
--rgb-tint: rgb(var(--r1),var(--g1), var(--b1));
--rgb-shade: rgb(var(--r2),var(--g2), var(--b2));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment