Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 56 additions & 9 deletions src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -1189,13 +1189,64 @@ html[data-theme="light"] .interview-prep-page .technical-outer {
}

.modern-card-shadow {
/* layered soft shadows for a realistic elevated card */
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
0 2px 6px rgba(2, 6, 23, 0.06),
/* subtle near shadow */
0 12px 24px rgba(2, 6, 23, 0.08),
/* mid shadow for depth */
0 32px 60px rgba(2, 6, 23, 0.12);
/* long soft ambient shadow */
transition: box-shadow 280ms cubic-bezier(0.2, 0.9, 0.2, 1),
transform 280ms cubic-bezier(0.2, 0.9, 0.2, 1);
position: relative;
isolation: isolate;
}

/* subtle rim highlight to help cards 'pop' off dark backgrounds */
.modern-card-shadow::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
mix-blend-mode: normal;
opacity: 1;
}

.modern-card-shadow-hover {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: translateY(-8px) scale(1.01);
box-shadow:
0 6px 14px rgba(2, 6, 23, 0.08),
0 26px 60px rgba(2, 6, 23, 0.14),
0 64px 140px rgba(2, 6, 23, 0.18);
}

/* Improve depth for common card types */
.article-card,
.blog-card,
.discussion-card,
.testimonial-carousel,
.testimonial-author,
.question-card {
transition: transform 280ms cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 280ms ease;
will-change: transform, box-shadow;
}

/* Hover and focus states for accessibility */
.article-card:hover,
.blog-card:hover,
.discussion-card:hover,
.question-card:hover,
.article-card:focus,
.blog-card:focus,
.discussion-card:focus,
.question-card:focus {
transform: translateY(-6px);
box-shadow:
0 6px 18px rgba(2, 6, 23, 0.08),
0 28px 70px rgba(2, 6, 23, 0.14);
}

.modern-backdrop-blur {
Expand Down Expand Up @@ -2727,13 +2778,9 @@ html[data-theme="dark"] .blog-post-page .markdown h4 {
z-index: 9999 !important;
padding: 12px !important;
}

.docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module {
padding-left: 16px !important;
padding-right: 16px !important;
}
}




}
Loading
Loading