2955a6e639
The new design for the program detail page introduced a sidebar which includes a program-specific listing of credentials. This is an improvement over the old list of credentials found on the program list page and is meant to replace it. The new detail page is stable, so the credential listing on the program list page can be removed. LEARNER-492
61 lines
1007 B
SCSS
61 lines
1007 B
SCSS
.program-list-wrapper {
|
|
padding: $baseline;
|
|
}
|
|
|
|
.program-cards-container {
|
|
@include grid-container();
|
|
@include span(12);
|
|
|
|
@media(min-width: $bp-screen-md) {
|
|
@include span(9);
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
@include span(12);
|
|
@include float(right);
|
|
margin-bottom: $baseline;
|
|
|
|
@media(min-width: $bp-screen-md) {
|
|
@include span(3);
|
|
}
|
|
|
|
.aside {
|
|
padding: $baseline;
|
|
margin-bottom: $baseline;
|
|
box-sizing: border-box;
|
|
border: 1px solid $border-color-l3;
|
|
}
|
|
|
|
.program-advertise {
|
|
clear: both;
|
|
|
|
.new-programs-btn {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.advertise-message {
|
|
font-size: font-size(x-small);
|
|
color: palette(grayscale, black);
|
|
margin-bottom: $baseline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.empty-programs-message {
|
|
@include span(12);
|
|
border: 3px solid $gray-l4;
|
|
background: $gray-l6;
|
|
padding: ($baseline*2) 0;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
|
|
.hd-3 {
|
|
color: $black;
|
|
margin-bottom: $baseline;
|
|
}
|
|
}
|