Files
frontend-app-learner-dashboard/src/containers/CourseCard/CourseCard.scss
2022-11-07 15:06:09 -05:00

61 lines
1.1 KiB
SCSS

@import "@edx/paragon/scss/core/core";
.course-card {
.card {
.pgn__card-wrapper-image-cap.vertical {
display: flex;
min-height: $card-image-vertical-max-height;
}
.pgn__card-image-cap {
border-bottom-left-radius: 0 !important;
}
.overflow-visible {
overflow: visible;
}
.pgn__card-header-content {
margin-top: 1.5rem;
}
.pgn__card-footer {
flex-wrap: nowrap;
&.vertical {
flex-direction: column;
}
.pgn__action-row {
align-self: flex-end;
white-space: nowrap;
}
}
.course-card-verify-ribbon-container {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
.badge {
border-radius: 0;
}
> img {
width: 40px;
z-index: 1000;
position: absolute;
top: 0;
right: 0;
}
}
}
.course-card-banners {
> .alert {
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: none;
padding: map-get($spacers, 3) map-get($spacers, 4);
}
}
}