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

Update theme with cards and buttons shadows, tabs meta color, modal footer padding and tiles colors

This commit is contained in:
Konstantinos Triantafyllou 2022-04-18 23:52:30 +03:00
parent c98b39a5a5
commit aa33ca719f
4 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/structure/button.css
View File

@ -1,10 +1,7 @@
:root {
/* Default */
--button-default-color-hover: var(--primary-color);
/* Primary */
--button-primary-background: var(--primary-color);
--button-primary-background-image: none;
--button-primary-background-image: linear-gradient(251deg, var(--primary-light-color) 0%, var(--primary-dark-color) 100%);
--button-primary-color: var(--light-color);
--button-primary-border-color: transparent;
--button-primary-background-hover: var(--secondary-color);
@ -13,22 +10,21 @@
--button-primary-border-color-hover: transparent;
/* Secondary */
--button-secondary-background: var(--secondary-color);
--button-secondary-background: var(--default-color);
--button-secondary-background-image: none;
--button-secondary-color: var(--light-color);
--button-secondary-border-color: transparent;
--button-secondary-color: var(--primary-color);
--button-secondary-border-color: var(--primary-color);
--button-secondary-background-hover: var(--primary-color);
--button-secondary-background-image-hover: none;
--button-secondary-background-image-hover: linear-gradient(251deg, var(--primary-light-color) 0%, var(--primary-dark-color) 100%);
--button-secondary-color-hover: var(--light-color);
--button-secondary-border-color-hover: transparent;
}
.uk-button-default {
.uk-button-default, uk-button-danger {
box-shadow: var(--shadow-medium);
}
.uk-button-default:hover {
color: var(--button-default-color-hover);
.uk-button-default:hover, uk-button-danger:hover {
box-shadow: var(--shadow-small);
}

2
css/structure/card.css
View File

@ -8,5 +8,5 @@
}
.uk-card.uk-card-hover:hover {
box-shadow: var(--shadow-small);
box-shadow: var(--shadow-medium);
}

18
css/structure/shadow.css
View File

@ -5,10 +5,10 @@
--shadow-large: -15px -15px 20px rgba(255, 255, 255, 0.6), 15px 15px 20px rgba(0, 0, 0, 0.07);
/** Dark Background*/
--shadow-small-dark: -2px -2px 5px rgba(255, 255, 255, 0.05), 2px 2px 4px rgba(0, 0, 0, 0.3);
--shadow-medium-dark: -5px -5px 15px rgb(255, 255, 255, 0.05), 5px 5px 15px rgba(0, 0, 0, 0.3);
--shadow-large-dark: -15px -15px 20px rgb(255, 255, 255, 0.05), 15px 15px 20px rgba(0, 0, 0, 0.3);
--shadow-medium-dark: -5px -5px 15px rgba(255, 255, 255, 0.05), 5px 5px 15px rgba(0, 0, 0, 0.3);
--shadow-large-dark: -15px -15px 20px rgba(255, 255, 255, 0.05), 15px 15px 20px rgba(0, 0, 0, 0.3);
/** Modifiers */
--shadow-inset: inset -3px -3px 6px rgb(255, 255, 255, 0.9), inset 3px 3px 6px rgba(0, 0, 0, 0.1);
--shadow-inset: inset -3px -3px 6px rgba(255, 255, 255, 0.9), inset 3px 3px 6px rgba(0, 0, 0, 0.1);
--shadow-default: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
@ -30,6 +30,18 @@
box-shadow: var(--shadow-large);
}
.uk-box-shadow-hover-small {
box-shadow: var(--shadow-small);
}
.uk-box-shadow-hover-medium {
box-shadow: var(--shadow-medium);
}
.uk-box-shadow-hover-large {
box-shadow: var(--shadow-large);
}
.uk-box-shadow-inner {
box-shadow: var(--shadow-inset);
}

4
css/theme.css
View File

File diff suppressed because one or more lines are too long