59 lines
963 B
SCSS
59 lines
963 B
SCSS
/*
|
|
* Panels
|
|
* A generic block container
|
|
*/
|
|
|
|
@mixin panel-base {
|
|
background-color: $color-white;
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
@mixin panel-theme-default {
|
|
border-top-color: $color-black;
|
|
border-bottom-color: $color-gray-light;
|
|
}
|
|
|
|
@mixin panel-margin {
|
|
margin-bottom: $site-margins-mobile * 2;
|
|
|
|
@include media($medium-screen) {
|
|
margin-bottom: $site-margins * 2;
|
|
}
|
|
}
|
|
|
|
.panel {
|
|
@include panel-base;
|
|
@include panel-theme-default;
|
|
@include panel-margin;
|
|
|
|
&__content {
|
|
padding-left: $gap*4;
|
|
padding-right: $gap*4;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Panel Container
|
|
* Grid container for panel blocks
|
|
*/
|
|
|
|
.panel-container {
|
|
@include grid-row;
|
|
@include grid-pad;
|
|
@include margin(($site-margins-mobile * 2) null);
|
|
|
|
@include media($medium-screen) {
|
|
@include margin(($site-margins * 2) null);
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
> .col {
|
|
@include grid-pad;
|
|
}
|
|
|
|
|
|
}
|