Panel styles
This commit is contained in:
parent
af96956c11
commit
6d85a1ac81
27
scss/elements/_panels.scss
Normal file
27
scss/elements/_panels.scss
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
/*
|
||||||
|
* 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;
|
||||||
|
margin-bottom: $site-margins-mobile;
|
||||||
|
|
||||||
|
@include media($medium) {
|
||||||
|
margin-bottom: $site-margins;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin panel-theme-default {
|
||||||
|
border-top-color: $color-black;
|
||||||
|
border-bottom-color: $color-gray-dark;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
@include panel-base;
|
||||||
|
@include panel-theme-default;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user