42 lines
955 B
CSS
42 lines
955 B
CSS
.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%;
|
|
}
|
|
} |