75 lines
2.3 KiB
SCSS
75 lines
2.3 KiB
SCSS
// Certifications section theme definitions
|
|
|
|
$certifications-light-theme: (
|
|
// Certifications section background
|
|
'certifications-background': linear-gradient(
|
|
135deg,
|
|
#e0e7ef 0%,
|
|
#91c5e0 100%
|
|
),
|
|
'gradient-certifications-title': linear-gradient(to right, #9333ea, #ec4899),
|
|
'color-certifications-primary': #9333ea,
|
|
|
|
// Card styling
|
|
'certifications-card-background':
|
|
linear-gradient(135deg, #ffffff 0%, #fafafa 100%),
|
|
'certifications-card-shadow': 0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
'certifications-card-shadow-hover': 0 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
'certifications-card-overlay':
|
|
linear-gradient(
|
|
135deg,
|
|
rgba(147, 51, 234, 0.02) 0%,
|
|
rgba(236, 72, 153, 0.02) 100%
|
|
),
|
|
// Badge styling (purple/pink theme)
|
|
'certifications-badge-background': linear-gradient(
|
|
to right,
|
|
#f3e8ff,
|
|
#fce7f3
|
|
),
|
|
'certifications-badge-border': rgba(147, 51, 234, 0.2),
|
|
'color-certifications-badge-text': #7e22ce
|
|
);
|
|
|
|
$certifications-dark-theme: (
|
|
// Certifications section background (dark purple/pink gradient)
|
|
'certifications-background': linear-gradient(
|
|
135deg,
|
|
#a78bfa 0%,
|
|
#dc2626 100%
|
|
),
|
|
// Certifications title gradient (brighter purple to pink for dark mode)
|
|
'gradient-certifications-title': linear-gradient(to right, #a855f7, #f472b6),
|
|
// Primary color for icons (lighter purple)
|
|
'color-certifications-primary': #a855f7,
|
|
|
|
// Card styling (dark theme)
|
|
'certifications-card-background':
|
|
linear-gradient(135deg, #111827 0%, #1f2937 100%),
|
|
'certifications-card-shadow': 0 10px 15px -3px rgba(0, 0, 0, 0.3),
|
|
'certifications-card-shadow-hover': 0 20px 25px -5px rgba(0, 0, 0, 0.4),
|
|
'certifications-card-overlay':
|
|
linear-gradient(
|
|
135deg,
|
|
rgba(168, 85, 247, 0.05) 0%,
|
|
rgba(244, 114, 182, 0.05) 100%
|
|
),
|
|
// Badge styling (dark theme with purple/pink)
|
|
'certifications-badge-background':
|
|
linear-gradient(to right, rgba(88, 28, 135, 0.3), rgba(157, 23, 77, 0.3)),
|
|
'certifications-badge-border': rgba(168, 85, 247, 0.3),
|
|
'color-certifications-badge-text': #d8b4fe
|
|
);
|
|
|
|
// Add to your certifications section SCSS file
|
|
|
|
.certifications-section__card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.certifications-section__card-content {
|
|
margin-top: auto;
|
|
}
|