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/margin.scss | 50 +++++++++++++++++++++++++++
1 file changed, 50 insertions(+)
create mode 100644 assets/sass/@primer/css/utilities/margin.scss
(limited to 'assets/sass/@primer/css/utilities/margin.scss')
diff --git a/assets/sass/@primer/css/utilities/margin.scss b/assets/sass/@primer/css/utilities/margin.scss
new file mode 100644
index 0000000..2212e91
--- /dev/null
+++ b/assets/sass/@primer/css/utilities/margin.scss
@@ -0,0 +1,50 @@
+// Margin spacer utilities
+// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, comment-empty-line-before
+
+// Loop through the breakpoint values
+@each $breakpoint, $variant in $responsive-variants {
+ @include breakpoint($breakpoint) {
+ // Loop through the spacer values
+ @each $scale, $size in $spacer-map {
+ /* Set a $size margin to all sides at $breakpoint */
+ .m#{$variant}-#{$scale} { margin: $size !important; }
+ /* Set a $size margin on the top at $breakpoint */
+ .mt#{$variant}-#{$scale} { margin-top: $size !important; }
+ /* Set a $size margin on the right at $breakpoint */
+ .mr#{$variant}-#{$scale} { margin-right: $size !important; }
+ /* Set a $size margin on the bottom at $breakpoint */
+ .mb#{$variant}-#{$scale} { margin-bottom: $size !important; }
+ /* Set a $size margin on the left at $breakpoint */
+ .ml#{$variant}-#{$scale} { margin-left: $size !important; }
+
+ @if ($size != 0) {
+ /* Set a negative $size margin on top at $breakpoint */
+ .mt#{$variant}-n#{$scale} { margin-top : -$size !important; }
+ /* Set a negative $size margin on the right at $breakpoint */
+ .mr#{$variant}-n#{$scale} { margin-right : -$size !important; }
+ /* Set a negative $size margin on the bottom at $breakpoint */
+ .mb#{$variant}-n#{$scale} { margin-bottom: -$size !important; }
+ /* Set a negative $size margin on the left at $breakpoint */
+ .ml#{$variant}-n#{$scale} { margin-left : -$size !important; }
+ }
+
+ /* Set a $size margin on the left & right at $breakpoint */
+ .mx#{$variant}-#{$scale} {
+ margin-right: $size !important;
+ margin-left: $size !important;
+ }
+
+ /* Set a $size margin on the top & bottom at $breakpoint */
+ .my#{$variant}-#{$scale} {
+ margin-top: $size !important;
+ margin-bottom: $size !important;
+ }
+ }
+
+ /* responsive horizontal auto margins */
+ .mx#{$variant}-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ }
+}
--
cgit v1.2.3