Skip to content

Commit

Permalink
fix: CMD-182 do not use var in rgb
Browse files Browse the repository at this point in the history
- not supported by Safari v15*
- not polyfilled by postcss-relative-color-syntax

* Supported by v16. Once v18 coems ut, we can use var in rgb, because we only need support latest 2 major versions of common browsers.
  • Loading branch information
wesleyboar committed Aug 23, 2024
1 parent ff0671d commit 9ea6f96
Showing 1 changed file with 5 additions and 6 deletions.
11 changes: 5 additions & 6 deletions utrc_cms/static/utrc_cms/css/src/_imports/trumps/s-home.css
Original file line number Diff line number Diff line change
Expand Up @@ -67,16 +67,15 @@
.o-section--banner .s-home__banner .o-section__banner-overlay {
@extend %x-overlay--callout;

--color-text: inherit;
--color-bkgd: var(--global-color-primary--normal);
background-color: rgba( from design-token('color.gray.medium'), 0.9 );
}
.o-section--banner.o-section--style-dark .s-home__banner .o-section__banner-overlay {
--color-text: var(--global-color-primary--xx-light);
--color-bkgd: var(--global-color-primary--xx-dark);
color: var(--global-color-primary--xx-light);
background-color: rgba( from design-token('color.gray.dark-2x'), 0.9 );
}
.o-section--banner.o-section--style-light .s-home__banner .o-section__banner-overlay {
--color-text: var(--global-color-primary--xx-dark);
--color-bkgd: var(--global-color-primary--xx-light);
color: var(--global-color-primary--xx-dark);
background-color: rgba( from design-token('color.gray.light-2x'), 0.9 );
}


Expand Down

0 comments on commit 9ea6f96

Please sign in to comment.