MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

landing tabs - changes for the background color

This commit is contained in:
argirok 2022-04-12 18:14:28 +03:00
parent 84332ef82b
commit 3c6c09e28e
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
library-css/landing-utils.css
View File

@ -305,6 +305,7 @@
--landing-header-height: var(--navbar-height); --landing-header-height: var(--navbar-height);
--landing-primary-color: var(--primary-color); --landing-primary-color: var(--primary-color);
--landing-default-color: var(--default-color); --landing-default-color: var(--default-color);
--landing-default-color-rgb: var(--default-color-rgb);
--landing-light-color: var(--light-color); --landing-light-color: var(--light-color);
--landing-muted-color: var(--muted-color); --landing-muted-color: var(--muted-color);
--landing-text-primary-color: var(--text-primary-color); --landing-text-primary-color: var(--text-primary-color);
@ -368,6 +369,30 @@
color: var(--landing-primary-color); color: var(--landing-primary-color);
} }
#main-tabs-div {
background-color: var(--landing-default-color);
}
#main-tabs-div.active {
transition: background-color 0.3s ease-out 0s, top 0.5s ease-out 0s;
}
#main-tabs-div {
background: rgba(var(--landing-default-color-rgb), 0.95);
top: 0;
position: relative;
transition: background-color 0.3s ease-out 0s, top 0.2s ease-out 0s;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
#main-tabs-div {
background: rgba(var(--landing-default-color-rgb), 0.80);
}
}
.landing-section{ .landing-section{
min-height: 70vh; min-height: 70vh;
} }