revactor feefines css away from color() function (#2603)

folio-org · Dec 8, 2023 · 422eb8c · 422eb8c
1 parent 1d65b2c
commit 422eb8c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@
 * Display item title and barcode as text when the item is dcb virtual item. Refs UIU-2966.
 * Fix wrong date in Cash-Drawer-Reconciliation-Report.pdf. Refs UIU-3010.
 * Conditionally hide actions on closed loan records for DCB Circulation. Refs UIU-2989.
+* Refactor CSS away from `color()` function. Refs UIU-3013.
 
 ## [10.0.4](https://github.com/folio-org/ui-users/tree/v10.0.4) (2023-11-10)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v10.0.3...v10.0.4)

diff --git a/src/components/Accounts/ChargeFeeFine/index.css b/src/components/Accounts/ChargeFeeFine/index.css
@@ -1,7 +1,7 @@
 @import "@folio/stripes-components/lib/variables.css";
 
-.root {  
-  background-color: color(#fcfcfc contrast(100%) blend(#fcfcfc 90%));
+.root {
+  background-color: color-mix(in oklch, oklch(from #fcfcfc calc(l - 0.7) c h) 10%, #fcfcfc);
   border-radius: 6px;
   padding: 10px 30px;
   font-weight: var(--text-weight-bold);