hover opacity in some links

miguelitodev · Jun 2, 2021 · 129a91e · 129a91e
1 parent fa58b3b
commit 129a91e
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 0 deletions.
diff --git a/css/food-links.css b/css/food-links.css
@@ -44,6 +44,10 @@
 	border: none;
 }
 
+.food-link article > a > button:hover {
+	background-color: var(--hover-red);
+}
+
 .food-link-img {
 	position: absolute;
 	bottom: 25px;

diff --git a/css/food-lover.css b/css/food-lover.css
@@ -34,6 +34,10 @@
 	border: none;
 }
 
+.food-lover article > a > button:hover {
+	background-color: var(--hover-red);
+}
+
 .food-lover img {
 	width: 100%;
 }

diff --git a/css/footer.css b/css/footer.css
@@ -2,6 +2,14 @@ footer {
 	padding: 100px 0px;
 }
 
+footer a {
+	color: var(--text);
+}
+
+footer a:hover {
+	color: var(--dark-gray);
+}
+
 .cities {
 	display: flex;
 	flex-direction: column;

diff --git a/css/header.css b/css/header.css
@@ -23,6 +23,10 @@ ul {
 .header-menu a {
 	text-decoration: none;
 	font-family: "SulSans", sans-serif;
+	color: var(--text);
+}
+
+.header-menu a:hover {
 	color: var(--dark-gray);
 }
 

diff --git a/css/options.css b/css/options.css
@@ -32,6 +32,10 @@
 	background-color: var(--red-default);
 }
 
+.card-option:not(.card-option:hover) {
+	opacity: 0.9;
+}
+
 .card-option:last-child {
 	background-color: var(--green-market);
 }

diff --git a/css/search.css b/css/search.css
@@ -61,6 +61,10 @@
 	border: none;
 }
 
+.button-search:hover {
+	background-color: var(--dark-red);
+}
+
 @media screen and (max-width: 900px) {
 	.title-search {
 		width: 90%;