panel rows

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';

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;
+    }
+  }
+}