From de8340b212f4b711e1019b0f60b04d313ff94e7b Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Fri, 6 Jul 2018 16:04:09 -0400 Subject: [PATCH] panel rows --- scss/atat.scss | 1 + scss/elements/_panel-rows.scss | 19 +++++++++++++++++++ 2 files changed, 20 insertions(+) create mode 100644 scss/elements/_panel-rows.scss diff --git a/scss/atat.scss b/scss/atat.scss index f04b895a..3506a717 100644 --- a/scss/atat.scss +++ b/scss/atat.scss @@ -9,6 +9,7 @@ @import 'elements/buttons'; @import 'elements/tables'; @import 'elements/panels'; +@import 'elements/panel-rows'; @import 'components/site_action'; @import 'components/empty_state'; diff --git a/scss/elements/_panel-rows.scss b/scss/elements/_panel-rows.scss new file mode 100644 index 00000000..064140ee --- /dev/null +++ b/scss/elements/_panel-rows.scss @@ -0,0 +1,19 @@ +/* + * Panel Rows/Cols + * An extension of the generic Row/Col system + * for grids of panels with evenly spaced gutters + */ + +.panel-row { + @include grid-row; + @include grid-pad; + + > .col { + @include grid-pad; + margin-bottom: $site-margins-mobile; + + @include media($medium-screen) { + margin-bottom: $site-margins; + } + } +}