89 lines
1.6 KiB
SCSS
89 lines
1.6 KiB
SCSS
// +Imports
|
|
// ====================
|
|
@import '../base/grid-settings';
|
|
@import 'neat/neat'; // lib - Neat
|
|
|
|
//Patern Library button colors
|
|
$pl-button-border-color: #065683;
|
|
$pl-button-color: #0079bc;
|
|
|
|
.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{
|
|
text-align:center;
|
|
a{
|
|
padding: $baseline * 0.5;
|
|
border: 1px solid $pl-button-border-color;
|
|
color: $pl-button-color;
|
|
font-size: em(16);
|
|
text-decoration: none;
|
|
display: block;
|
|
line-height: 1.2;
|
|
&:hover,
|
|
&:focus,
|
|
&:active{
|
|
color: $white;
|
|
background-color: $pl-button-color;
|
|
}
|
|
span{
|
|
@include margin-left($baseline*0.25);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@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);
|
|
}
|
|
}
|