From 2b16dba38c374bb784df124f0e446249846d1fa6 Mon Sep 17 00:00:00 2001 From: Charity Helms Date: Tue, 10 Mar 2026 09:08:14 -0400 Subject: [PATCH 1/2] add css background instead of img --- blocks/table/table.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/blocks/table/table.css b/blocks/table/table.css index 5dcf331..eb4f49b 100644 --- a/blocks/table/table.css +++ b/blocks/table/table.css @@ -63,9 +63,20 @@ } /* Fees and Charges Table Specific Styles */ +.table.block#fees-and-charges { + border-radius: var(--border-radius); + overflow: hidden; + filter: contrast(120%) brightness(90%); + background: + linear-gradient(173deg, rgb(17 1 64 / 82%), rgb(30 42 142 / 59%)), + linear-gradient(189deg, rgb(113 53 113 / 52%) 20%, rgb(139 0 255 / 21%) 25%), + url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.19' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); +} + .table.block#fees-and-charges .table-background-image { border-radius: var(--border-radius); overflow: hidden; + mix-blend-mode: color; } .table.block#fees-and-charges .table-background-image picture { @@ -151,3 +162,8 @@ right: 0; } } + + + + + \ No newline at end of file From 7809000683744a8e5cbb12362cdedb804a799f39 Mon Sep 17 00:00:00 2001 From: Charity Helms Date: Tue, 10 Mar 2026 09:27:05 -0400 Subject: [PATCH 2/2] omit tables in a grid --- blocks/table/table.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/blocks/table/table.css b/blocks/table/table.css index eb4f49b..4e218a6 100644 --- a/blocks/table/table.css +++ b/blocks/table/table.css @@ -63,7 +63,7 @@ } /* Fees and Charges Table Specific Styles */ -.table.block#fees-and-charges { +.section:not(.grid) .table.block#fees-and-charges { border-radius: var(--border-radius); overflow: hidden; filter: contrast(120%) brightness(90%); @@ -71,12 +71,15 @@ linear-gradient(173deg, rgb(17 1 64 / 82%), rgb(30 42 142 / 59%)), linear-gradient(189deg, rgb(113 53 113 / 52%) 20%, rgb(139 0 255 / 21%) 25%), url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.19' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); + +.table-background-image { + mix-blend-mode: color; +} } .table.block#fees-and-charges .table-background-image { border-radius: var(--border-radius); overflow: hidden; - mix-blend-mode: color; } .table.block#fees-and-charges .table-background-image picture {