From dc2714235fbff2829cf0081c64bb575440f976c5 Mon Sep 17 00:00:00 2001 From: Ninjaws Date: Sat, 23 Nov 2024 00:08:05 +0100 Subject: [PATCH] [Removed] Unused styling --- src/app/projects/projects.component.scss | 54 ------------------------ 1 file changed, 54 deletions(-) diff --git a/src/app/projects/projects.component.scss b/src/app/projects/projects.component.scss index d338b40..e69de29 100644 --- a/src/app/projects/projects.component.scss +++ b/src/app/projects/projects.component.scss @@ -1,54 +0,0 @@ -.metallic-card { - background: linear-gradient(145deg, #6e7d7f, #4b5457); /* Gradient to mimic brushed metal */ - box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1); /* Inner shadow for depth */ - transition: all 0.3s ease-in-out; - } - - .metallic-card:hover { - transform: scale(1.05); /* Slight zoom effect */ - box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */ - filter: brightness(1.2); /* Enhance brightness on hover */ - } - - /* Optional - Adding a reflective highlight */ - .metallic-card::before { - content: ''; - position: absolute; - top: 10%; - left: 50%; - width: 70%; - height: 10px; - background: rgba(255, 255, 255, 0.4); - transform: translateX(-50%) rotate(45deg); - border-radius: 50%; - pointer-events: none; - } - - /* Metallic effect for project cards */ -.project-card { - background: linear-gradient(145deg, #4c4f52, #3a3d40); /* Darker gray gradient */ - border-radius: 8px; - overflow: hidden; - box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.2); /* Subtle inner and outer shadows */ - transition: all 0.3s ease-in-out; - position: relative; - } - - .project-card:hover { - transform: scale(1.03); /* Subtle zoom on hover */ - box-shadow: inset 0 6px 8px rgba(0, 0, 0, 0.5), 0 12px 18px rgba(0, 0, 0, 0.25); /* Darker shadow on hover */ - } - - /* Optional - Adding a subtle highlight effect */ - .project-card::before { - content: ''; - position: absolute; - top: 5%; - left: 50%; - width: 80%; - height: 8px; - background: rgba(255, 255, 255, 0.15); /* Less intense highlight */ - transform: translateX(-50%) rotate(45deg); - border-radius: 50%; - pointer-events: none; - } \ No newline at end of file