From 6d85a1ac8189a346a9e207443de4486627070272 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Fri, 6 Jul 2018 14:36:00 -0400 Subject: [PATCH] Panel styles --- scss/elements/_panels.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 scss/elements/_panels.scss diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss new file mode 100644 index 00000000..1666cbf9 --- /dev/null +++ b/scss/elements/_panels.scss @@ -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; +}