mongodb-mastery-hub / style.css
LauraMDB's picture
for the course calendar section, could you create an actual cakendar view object with some courses as example:
51dbae3 verified
raw
history blame
805 Bytes
/* Custom styles */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Course paths styling */
.course-path-card {
transition: all 0.3s ease;
}
.course-path-card:hover {
transform: translateY(-2px);
}
/* Calendar styling */
#calendar-days > div {
min-height: 6rem;
}
#calendar-days > div:hover {
background-color: #f8fafc;
}
.calendar-course {
cursor: pointer;
transition: all 0.2s;
}
.calendar-course:hover {
background-color: #dbeafe;
}
/* Animation for course cards */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.month-section {
animation: fadeIn 0.5s ease-out forwards;
}