75 lines
1.3 KiB
SCSS
75 lines
1.3 KiB
SCSS
// +Imports
|
|
// ====================
|
|
@import '../base/grid-settings';
|
|
@import 'neat/neat'; // lib - Neat
|
|
|
|
.program-list-wrapper{
|
|
@include outer-container;
|
|
padding: $baseline $baseline;
|
|
}
|
|
|
|
.program-cards-container{
|
|
@include outer-container;
|
|
@include span-columns(12);
|
|
}
|
|
.sidebar{
|
|
@include outer-container;
|
|
@include span-columns(12);
|
|
.program-advertise{
|
|
padding: $baseline;
|
|
background-color: $body-bg;
|
|
box-sizing: border-box;
|
|
border: 1px solid $border-color-l3;
|
|
clear:both;
|
|
.advertise-message{
|
|
font-size:em(12);
|
|
color: $gray-d4;
|
|
margin-bottom: $baseline;
|
|
}
|
|
.ad-link{
|
|
padding:$baseline * 0.5;
|
|
border: 1px solid $blue-t1;
|
|
font-size: em(16);
|
|
a{
|
|
text-decoration: none;
|
|
&:hover, &:focus, &:active{
|
|
background-color: $button-bg-hover-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include media($bp-medium) {
|
|
.program-cards-container{
|
|
@include span-columns(8);
|
|
}
|
|
.sidebar{
|
|
@include span-columns(8);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@include media($bp-large) {
|
|
.program-cards-container{
|
|
@include span-columns(9);
|
|
}
|
|
.sidebar{
|
|
@include omega(n);
|
|
@include span-columns(3);
|
|
}
|
|
}
|
|
|
|
@include media($bp-huge) {
|
|
.program-cards-container{
|
|
@include span-columns(9);
|
|
}
|
|
.sidebar{
|
|
@include omega(n);
|
|
@include span-columns(3);
|
|
}
|
|
}
|