diff --git a/explore/src/app/home/home.component.css b/explore/src/app/home/home.component.css index b02fb369..a04a6b32 100644 --- a/explore/src/app/home/home.component.css +++ b/explore/src/app/home/home.component.css @@ -5,6 +5,37 @@ background-image: url('~src/assets/explore-assets/home/graph.svg'); background-repeat: no-repeat; } +.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"); diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html index 701a79a5..162f1833 100644 --- a/explore/src/app/home/home.component.html +++ b/explore/src/app/home/home.component.html @@ -10,7 +10,6 @@