From 3ae59fa54d4eed34d29f90da40d7a9d503a310eb Mon Sep 17 00:00:00 2001 From: "Indiana Jone (Indi)" <150982280+KrstlSkll69@users.noreply.github.com> Date: Sat, 26 Apr 2025 18:58:07 -0400 Subject: [PATCH 1/2] nesting --- public/css/index.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index fe49dc2..fb99b82 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -351,10 +351,10 @@ ul { border: 1px solid var(--border-color); transition: background-color 0.3s ease; -} -.activity:hover { - background: var(--card-hover-bg); + &:hover{ + background: var(--card-hover-bg); + } } .activity-wrapper { @@ -517,17 +517,17 @@ ul { text-decoration: none; transition: background-color 0.2s ease; display: inline-block; -} -.activity-button:hover { - background-color: var(--button-hover-bg); - text-decoration: none; -} + &:hover{ + background-color: var(--button-hover-bg); + text-decoration: none; + } -.activity-button:disabled { - background-color: var(--button-disabled-bg); - cursor: not-allowed; - opacity: 0.8; + &:disabled{ + background-color: var(--button-disabled-bg); + cursor: not-allowed; + opacity: 0.8; + } } @media (max-width: 600px) { -- 2.45.3 From 937bfc500c18a9407067082c11612b94032830f0 Mon Sep 17 00:00:00 2001 From: "Indiana Jone (Indi)" <150982280+KrstlSkll69@users.noreply.github.com> Date: Sat, 26 Apr 2025 19:01:34 -0400 Subject: [PATCH 2/2] formatting --- public/css/index.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index fb99b82..766f78d 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -99,10 +99,10 @@ body { opacity: 0.5; transition: opacity 0.3s ease; -} -.open-source-logo:hover { - opacity: 1 !important; + &:hover { + opacity: 1 !important; + } } .hidden { @@ -352,7 +352,7 @@ ul { transition: background-color 0.3s ease; - &:hover{ + &:hover { background: var(--card-hover-bg); } } @@ -518,12 +518,12 @@ ul { transition: background-color 0.2s ease; display: inline-block; - &:hover{ + &:hover { background-color: var(--button-hover-bg); text-decoration: none; } - &:disabled{ + &:disabled { background-color: var(--button-disabled-bg); cursor: not-allowed; opacity: 0.8; -- 2.45.3