MaDgIK
/
irish-monitor
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

[master | DONE | FIXED] you-we component: add condition for background class - change bg color for <mark> HTML element

This commit is contained in:
Alex Martzios 2024-03-19 13:48:28 +02:00
parent a61ce5ce1c
commit 5196f25525
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/resources/how-it-works/you-we.component.ts
View File

@ -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 <h3 class="uk-h4 uk-text-center uk-margin-large-top uk-margin-large-bottom">Are you a <span
[ngClass]="titleClass">{{type}}?</span></h3> [ngClass]="titleClass">{{type}}?</span></h3>
</div> </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" uk-sticky="animation: uk-animation-slide-bottom" [attr.end]="'#' + id"
[attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset"> [attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset">
<div class="uk-container"> <div class="uk-container">

1
src/assets/extend-theme/less/_import.less vendored
View File

@ -2,6 +2,7 @@
// Base // Base
@import "variables"; @import "variables";
@import "base";
// Elements // Elements
@import "button"; @import "button";

1
src/assets/extend-theme/less/base.less Normal file
View File

@ -0,0 +1 @@
@base-mark-background: fade(@global-primary-background, 20%);