OddSite 4.0.0

CSS Color Variables

Generate CSS variables from configuration colors, Using Accoutrement variable tools.

Related

[data-ccs-colors]

scss
[data-ccs-colors] {
  @include tools.tokens--(config.$ccs-colors);
  @include tools.tokens--(config.$background-colors);
  @include tools.tokens--(config.$content-colors);

  --img-bright--base: #{ccs.if-mode($light: 50%, $dark: 40%)};
  --img-bright--default: calc(var(--img-bright--base) + var(--ccs-l));
  --img-contrast--default: calc(55% + var(--ccs-contrast));
}