Rename all css files to less. Import less from library instead of css
parent
7b29884305
commit
1d16f6f651
@ -1,4 +0,0 @@
|
||||
.custom-bottom-border {
|
||||
border-bottom: solid 5px rgba(var(--explore-color-rgb), var(--opacity));
|
||||
|
||||
}
|
@ -0,0 +1,5 @@
|
||||
@import (reference) "~src/assets/openaire-theme/less/_import-variables";
|
||||
|
||||
.custom-bottom-border {
|
||||
border-bottom: 5px solid fade(@explore-color, @global-opacity);
|
||||
}
|
@ -1,42 +0,0 @@
|
||||
.home-background {
|
||||
background-color: var(--light-color);
|
||||
}
|
||||
.link-actions img {
|
||||
width: 17px;
|
||||
}
|
||||
.trello-button-blue {
|
||||
background-color: #0076BA;
|
||||
color: white;
|
||||
}
|
||||
.trello-button-blue:hover {
|
||||
background-color: var(--secondary-color);
|
||||
}
|
||||
.home-logo img {
|
||||
-webkit-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
.home-logo:hover img {
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
#custom-links icon {
|
||||
color: var(--primary-color);
|
||||
/* transition: all 0.3s ease; */
|
||||
}
|
||||
#custom-links a:hover .link-title {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
/* #custom-links a:hover icon {
|
||||
transform: translateX(7px);
|
||||
transition: all 0.3s ease;
|
||||
} */
|
||||
@media only screen and (min-width: 960px){
|
||||
.explore-dark-logo-background {
|
||||
background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 95%;
|
||||
background-size: 65%;
|
||||
}
|
||||
}
|
@ -0,0 +1,47 @@
|
||||
@import (reference) "~src/assets/openaire-theme/less/_import-variables";
|
||||
|
||||
@trello-color: #0076BA;
|
||||
|
||||
.home-background {
|
||||
background-color: @global-inverse-color;
|
||||
}
|
||||
|
||||
.link-actions img {
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
.home-logo {
|
||||
img {
|
||||
-webkit-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
&:hover img {
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-link {
|
||||
border-bottom: @global-border-width solid @global-border;
|
||||
|
||||
icon {
|
||||
color: @global-primary-background;
|
||||
}
|
||||
|
||||
a:hover .link-title {
|
||||
color: @global-secondary-background;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: @breakpoint-medium) {
|
||||
.explore-dark-logo-background {
|
||||
background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 95%;
|
||||
background-size: 65%;
|
||||
}
|
||||
}
|
@ -1 +1 @@
|
||||
Subproject commit db5c95fe248c0e4fe059602185ee8a6161d9949f
|
||||
Subproject commit f4a723d3acd5b7a25a245f60865eda63db4658b5
|
@ -1,71 +0,0 @@
|
||||
.custom-sdg-dot:after {
|
||||
content: "";
|
||||
background-image: url(../../assets/explore-assets/sdg-dot-img.svg);
|
||||
display: inline-block;
|
||||
background-size: 100% 100%;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sdg-card-text-color {
|
||||
color: #F9F9F9 !important;
|
||||
}
|
||||
.sdg-card {
|
||||
width: 265px;
|
||||
height: 255px;
|
||||
}
|
||||
.sdg-card img {
|
||||
height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
.sdg-1 {
|
||||
background-color: #E6233D !important;
|
||||
}
|
||||
.sdg-2 {
|
||||
background-color: #DF9F00 !important;
|
||||
}
|
||||
.sdg-3 {
|
||||
background-color: #19A220 !important;
|
||||
}
|
||||
.sdg-4 {
|
||||
background-color: #D70023 !important;
|
||||
}
|
||||
.sdg-5 {
|
||||
background-color: #FF0B00 !important;
|
||||
}
|
||||
.sdg-6 {
|
||||
background-color: #00BFE8 !important;
|
||||
}
|
||||
.sdg-7 {
|
||||
background-color: #FFC300 !important;
|
||||
}
|
||||
.sdg-8 {
|
||||
background-color: #B10240 !important;
|
||||
}
|
||||
.sdg-9 {
|
||||
background-color: #FF5D00 !important;
|
||||
}
|
||||
.sdg-10 {
|
||||
background-color: #F50D86 !important;
|
||||
}
|
||||
.sdg-11 {
|
||||
background-color: #FF8A00 !important;
|
||||
}
|
||||
.sdg-12 {
|
||||
background-color: #CA8A03 !important;
|
||||
}
|
||||
.sdg-13 {
|
||||
background-color: #2B772B !important;
|
||||
}
|
||||
.sdg-14 {
|
||||
background-color: #0098DF !important;
|
||||
}
|
||||
.sdg-15 {
|
||||
background-color: #00B91C !important;
|
||||
}
|
||||
.sdg-16 {
|
||||
background-color: #0069A2 !important;
|
||||
}
|
||||
.sdg-17 {
|
||||
background-color: #1C336A !important;
|
||||
}
|
@ -0,0 +1,30 @@
|
||||
@import (reference) "~src/assets/openaire-theme/less/_import-variables";
|
||||
|
||||
@sdgs: #E6233D, #DF9F00, #19A220, #D70023, #FF0B00, #00BFE8, #FFC300, #B10240, #FF5D00,
|
||||
#F50D86, #FF8A00, #CA8A03, #2B772B, #0098DF, #00B91C, #0069A2, #1C336A;
|
||||
|
||||
custom-sdg-dot:after {
|
||||
content: "";
|
||||
background-image: url("~src/assets/explore-assets/sdg-dot-img.svg");
|
||||
display: inline-block;
|
||||
background-size: 100% 100%;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.sdg-card {
|
||||
width: 265px;
|
||||
height: 255px;
|
||||
|
||||
img {
|
||||
height: @global-control-height;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
each(@sdgs, {
|
||||
&.sdg-@{index} {
|
||||
background-color: @value !important;
|
||||
}
|
||||
})
|
||||
}
|
@ -1 +1 @@
|
||||
Subproject commit d577c6d69a55901e319cf0cf5b93f900f1cdeaab
|
||||
Subproject commit f6bd64ca6f99fdff03c8368eb381d42871154512
|
@ -1 +1 @@
|
||||
Subproject commit c80b7371801d42611c611707ca933c1c83c3c672
|
||||
Subproject commit bace9ea21587351f209341dc274ef7522ec4475d
|
@ -1,4 +0,0 @@
|
||||
@import "assets/openaire-theme/css/structure/variables.css";
|
||||
@import "assets/common-assets/library.css";
|
||||
|
||||
.landing { --landing-text-primary-color: var(--explore-color); }
|
@ -1,3 +1,7 @@
|
||||
/* You can add global styles to this file, and also import other style files */
|
||||
@import "~src/assets/openaire-theme/less/_import";
|
||||
@import "assets/explore-custom";
|
||||
@import "~src/assets/common-assets/less/general";
|
||||
@import "~src/assets/common-assets/less/user";
|
||||
@import "~src/assets/common-assets/less/linking";
|
||||
@import "~src/assets/common-assets/less/landing";
|
||||
@import "~src/assets/explore-custom";
|
||||
|
Loading…
Reference in New Issue