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

Landing utils: Add parent .landing class to all classes and remova text variable.

This commit is contained in:
Konstantinos Triantafyllou 2022-06-17 14:30:39 +03:00
parent f454570d5c
commit 1e52629776
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -310,46 +310,46 @@
--landing-light-color-rgb: var(--light-color-rgb);
--landing-muted-color: var(--muted-color);
--landing-table-color: var(--table-color);
--landing-text-primary-color: var(--text-primary-color);
--landing-text-primary-color: var(--primary-color);
--landing-section-separator-color: rgba(var(--explore-color-rgb), var(--opacity));
}
.landing-right-sidebar-min-width {
.landing .landing-right-sidebar-min-width {
min-width: 360px;
}
.landing-sidebar-height {
.landing .landing-sidebar-height {
height: calc(100vh - var(--landing-header-height));
}
.landing-background-light-color {
.landing .landing-background-light-color {
background-color: var(--landing-light-color);
}
.landing-background-grey-color {
.landing .landing-background-grey-color {
background-color: var(--landing-table-color);
}
.landing-left-sidebar-border {
.landing .landing-left-sidebar-border {
border-right: 1px solid var(--landing-muted-color);
}
.landing-action-button.landing-action-button-portal {
.landing .landing-action-button.landing-action-button-portal {
background-color: var(--landing-text-primary-color);
color: var(--landing-light-color);
border-color: var(--landing-text-primary-color);
}
.landing-action-button.landing-action-button-portal:hover {
.landing .landing-action-button.landing-action-button-portal:hover {
color: var(--landing-text-primary-color);
}
.landing-action-button.landing-action-button-orcid:not(.uk-text-muted) {
.landing .landing-action-button.landing-action-button-orcid:not(.uk-text-muted) {
border-color: var(--orcid-color);
color: var(--orcid-color);
}
.landing-action-button {
.landing .landing-action-button {
background-color: var(--landing-light-color);
border: 1px solid;
border-radius: 4px;
@ -357,28 +357,28 @@
height: 35px;
}
.landing-action-button:hover {
.landing .landing-action-button:hover {
background-color: var(--landing-default-color);
border: none;
}
.landing-action-tooltip {
.landing .landing-action-tooltip {
color: inherit;
}
.landing-action-tooltip-portal {
.landing .landing-action-tooltip-portal {
color: var(--landing-text-primary-color);
}
.landing-action-tooltip-primary {
.landing .landing-action-tooltip-primary {
color: var(--landing-primary-color);
}
.uk-dropdown {
.landing .uk-dropdown {
z-index: 981;
}
#main-tabs-div {
.landing #main-tabs-div {
background: rgba(var(--landing-default-color-rgb), 0.95);
top: 0;
position: relative;
@ -386,65 +386,65 @@
z-index: 978;
}
#main-tabs-div.active {
.landing #main-tabs-div.active {
/*transition: background-color 0.3s ease-out 0s, top 0.5s ease-out 0s;*/
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
#graph_and_feedback {
.landing #graph_and_feedback {
/*background: rgba(var(--landing-light-color-rgb), 0.95);*/
background: rgba(var(--landing-default-color-rgb), 0.95);
z-index: 979;
}
#main-tabs-div, #graph_and_feedback {
.landing #main-tabs-div, #graph_and_feedback {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
/*z-index: 979;*/
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
#main-tabs-div {
.landing #main-tabs-div {
background: rgba(var(--landing-default-color-rgb), 0.80);
}
#graph_and_feedback {
.landing #graph_and_feedback {
/*background: rgba(var(--landing-light-color-rgb), 0.80);*/
background: rgba(var(--landing-default-color-rgb), 0.80);
}
}
.landing-section:not(.landing-section-height-auto){
.landing .landing-section:not(.landing-section-height-auto){
min-height: 60vh;
}
#landing-sections .landing-section:not(:last-child):before{
.landing #landing-sections .landing-section:not(:last-child):before{
background-color: var(--landing-section-separator-color);
opacity: var(--opacity);
}
#landing-sections .landing-section:not(:last-child){
.landing #landing-sections .landing-section:not(:last-child){
border-bottom: solid 3px var(--landing-section-separator-color);
}
#landing-sections .landing-section {
.landing #landing-sections .landing-section {
padding-bottom: 80px;
}
#landing-sections .landing-section:not(:first-child) {
.landing #landing-sections .landing-section:not(:first-child) {
margin-top: 80px;
}
.download-from > * {
.landing .download-from > * {
background: var(--landing-default-color);
border: 1px solid var(--landing-muted-color);
border-radius: 6px;
}
#right-sidebar-switcher {
.landing #right-sidebar-switcher {
top: 50vh !important;
}
.landing-left-sidebar-width {
.landing .landing-left-sidebar-width {
width: 100px;
}