From 6813c625f2cb4aa39c792e0e5df9acf61067bb9e Mon Sep 17 00:00:00 2001 From: Ivana Andersson Date: Tue, 15 Aug 2023 11:07:23 +0300 Subject: [PATCH] feat: add background gradient on page wrapper shadow --- src/components/layout.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/layout.css b/src/components/layout.css index 9ffa22c3..b5934794 100644 --- a/src/components/layout.css +++ b/src/components/layout.css @@ -6,6 +6,16 @@ flex-wrap: wrap; overflow: hidden; } +.layout::after { + display: block; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(to bottom, rgba(113, 64, 253, 0.15) 20%, rgba(255,255,255,0) 100%); +} .layout-left { flex: 0 0 55%; max-width: 55%;