md content padding

ionic/components/content/content.scss

@@ -24,3 +24,44 @@ scroll-content {
   -webkit-overflow-scrolling: touch;
   will-change: scroll-position;
 }
+
+
+
+// Content Padding
+// --------------------------------------------------
+
+$content-padding:    10px !default;
+
+
+.padding,
+[padding],
+.padding > scroll-content,
+[padding] > scroll-content {
+  padding: $content-padding;
+}
+
+.padding-top {
+  padding-top: $content-padding;
+}
+
+.padding-right {
+  padding-right: $content-padding;
+}
+
+.padding-bottom {
+  padding-bottom: $content-padding;
+}
+
+.padding-left {
+  padding-left: $content-padding;
+}
+
+.padding-vertical {
+  padding-top: $content-padding;
+  padding-bottom: $content-padding;
+}
+
+.padding-horizontal {
+  padding-right: $content-padding;
+  padding-left: $content-padding;
+}

ionic/components/content/modes/material.scss

@@ -0,0 +1,43 @@
+
+// Material Design Content Padding
+// --------------------------------------------------
+
+$content-padding-md:    16px !default;
+
+
+[mode=md] {
+
+  .padding,
+  [padding],
+  .padding > scroll-content,
+  [padding] > scroll-content {
+    padding: $content-padding-md;
+  }
+
+  .padding-top {
+    padding-top: $content-padding-md;
+  }
+
+  .padding-right {
+    padding-right: $content-padding-md;
+  }
+
+  .padding-bottom {
+    padding-bottom: $content-padding-md;
+  }
+
+  .padding-left {
+    padding-left: $content-padding-md;
+  }
+
+  .padding-vertical {
+    padding-top: $content-padding-md;
+    padding-bottom: $content-padding-md;
+  }
+
+  .padding-horizontal {
+    padding-right: $content-padding-md;
+    padding-left: $content-padding-md;
+  }
+
+}