From 5196f25525aa28e2db0a66c044086a66fc6bea58 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 19 Mar 2024 13:48:28 +0200
Subject: [PATCH] [master | DONE | FIXED] you-we component: add condition for
 background class - change bg color for <mark> HTML element

---
 src/app/resources/how-it-works/you-we.component.ts | 2 +-
 src/assets/extend-theme/less/_import.less          | 1 +
 src/assets/extend-theme/less/base.less             | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/extend-theme/less/base.less

diff --git a/src/app/resources/how-it-works/you-we.component.ts b/src/app/resources/how-it-works/you-we.component.ts
index 02b6da2..d8a459a 100644
--- a/src/app/resources/how-it-works/you-we.component.ts
+++ b/src/app/resources/how-it-works/you-we.component.ts
@@ -19,7 +19,7 @@ declare var UIkit;
         <h3 class="uk-h4 uk-text-center uk-margin-large-top uk-margin-large-bottom">Are you a <span
             [ngClass]="titleClass">{{type}}?</span></h3>
       </div>
-      <div [id]="'sticky-' + id" #sticky class="uk-sticky uk-visible@l" [ngClass]="backgroundClass"
+      <div [id]="'sticky-' + id" #sticky class="uk-sticky uk-visible@l" [ngClass]="isSticky?backgroundClass:null"
            uk-sticky="animation: uk-animation-slide-bottom" [attr.end]="'#' + id"
            [attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset">
         <div class="uk-container">
diff --git a/src/assets/extend-theme/less/_import.less b/src/assets/extend-theme/less/_import.less
index aaa52f8..e392fe4 100644
--- a/src/assets/extend-theme/less/_import.less
+++ b/src/assets/extend-theme/less/_import.less
@@ -2,6 +2,7 @@
 
 // Base
 @import "variables";
+@import "base";
 
 // Elements
 @import "button";
diff --git a/src/assets/extend-theme/less/base.less b/src/assets/extend-theme/less/base.less
new file mode 100644
index 0000000..4a2aa21
--- /dev/null
+++ b/src/assets/extend-theme/less/base.less
@@ -0,0 +1 @@
+@base-mark-background: fade(@global-primary-background, 20%);
\ No newline at end of file