From 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Mon, 13 Apr 2020 19:13:39 +0800
Subject: Initial commit

---
 assets/sass/@primer/css/utilities/padding.scss | 49 ++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 assets/sass/@primer/css/utilities/padding.scss

(limited to 'assets/sass/@primer/css/utilities/padding.scss')

diff --git a/assets/sass/@primer/css/utilities/padding.scss b/assets/sass/@primer/css/utilities/padding.scss
new file mode 100644
index 0000000..9914bb8
--- /dev/null
+++ b/assets/sass/@primer/css/utilities/padding.scss
@@ -0,0 +1,49 @@
+// Padding spacer utilities
+// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, comment-empty-line-before
+
+// Responsive padding spacer utilities
+@each $breakpoint, $variant in $responsive-variants {
+  @include breakpoint($breakpoint) {
+    // Loop through the spacer values
+    @each $scale, $size in $spacer-map {
+      /* Set a $size padding to all sides at $breakpoint */
+      .p#{$variant}-#{$scale}  { padding: $size !important; }
+      /* Set a $size padding to the top at $breakpoint */
+      .pt#{$variant}-#{$scale} { padding-top: $size !important; }
+      /* Set a $size padding to the right at $breakpoint */
+      .pr#{$variant}-#{$scale} { padding-right: $size !important; }
+      /* Set a $size padding to the bottom at $breakpoint */
+      .pb#{$variant}-#{$scale} { padding-bottom: $size !important; }
+      /* Set a $size padding to the left at $breakpoint */
+      .pl#{$variant}-#{$scale} { padding-left: $size !important; }
+
+      /* Set a $size padding to the left & right at $breakpoint */
+      .px#{$variant}-#{$scale} {
+        padding-right: $size !important;
+        padding-left: $size !important;
+      }
+
+      /* Set a $size padding to the top & bottom at $breakpoint */
+      .py#{$variant}-#{$scale} {
+        padding-top: $size !important;
+        padding-bottom: $size !important;
+      }
+    }
+  }
+}
+
+// responsive padding for containers
+.p-responsive {
+  padding-right: $spacer-3 !important;
+  padding-left: $spacer-3 !important;
+
+  @include breakpoint(sm) {
+    padding-right: $spacer-6 !important;
+    padding-left: $spacer-6 !important;
+  }
+
+  @include breakpoint(lg) {
+    padding-right: $spacer-3 !important;
+    padding-left: $spacer-3 !important;
+  }
+}
-- 
cgit v1.2.3