summaryrefslogtreecommitdiff
path: root/src/sass/bootstrap4/_utilities-spacing.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/bootstrap4/_utilities-spacing.scss')
-rw-r--r--src/sass/bootstrap4/_utilities-spacing.scss39
1 files changed, 39 insertions, 0 deletions
diff --git a/src/sass/bootstrap4/_utilities-spacing.scss b/src/sass/bootstrap4/_utilities-spacing.scss
new file mode 100644
index 0000000..cd543c8
--- /dev/null
+++ b/src/sass/bootstrap4/_utilities-spacing.scss
@@ -0,0 +1,39 @@
+// Margin and Padding
+
+.m-x-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+@each $prop, $abbrev in (margin: m, padding: p) {
+ @each $size, $lengths in $spacers {
+ $length-x: map-get($lengths, x);
+ $length-y: map-get($lengths, y);
+
+ .#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides
+ .#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; }
+ .#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; }
+ .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; }
+ .#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; }
+
+ // Axes
+ .#{$abbrev}-x-#{$size} {
+ #{$prop}-right: $length-x !important;
+ #{$prop}-left: $length-x !important;
+ }
+ .#{$abbrev}-y-#{$size} {
+ #{$prop}-top: $length-y !important;
+ #{$prop}-bottom: $length-y !important;
+ }
+ }
+}
+
+// Positioning
+
+.pos-f-t {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: $zindex-navbar-fixed;
+}