From 21b28903a461c3458df2993401fd12f4a9b9c7ce Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 2 Jan 2017 11:45:30 -0800
Subject: [PATCH] New position utils, split docs
- Renames .pos-f-t to .fixed-top, adds .fixed-bottom and .sticky-top
- Updates utilities Sass to be split across more files (one for position, sizing, and spacing)
---
.../{sizing-and-positioning.md => sizing.md} | 0
scss/_utilities.scss | 2 ++
scss/utilities/_position.scss | 23 +++++++++++++++++++
scss/utilities/_sizing.scss | 10 ++++++++
scss/utilities/_spacing.scss | 21 -----------------
5 files changed, 35 insertions(+), 21 deletions(-)
rename docs/utilities/{sizing-and-positioning.md => sizing.md} (100%)
create mode 100644 scss/utilities/_position.scss
create mode 100644 scss/utilities/_sizing.scss
diff --git a/docs/utilities/sizing-and-positioning.md b/docs/utilities/sizing.md
similarity index 100%
rename from docs/utilities/sizing-and-positioning.md
rename to docs/utilities/sizing.md
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index c63e50600d..7d08ff2f8c 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -5,7 +5,9 @@
@import "utilities/display";
@import "utilities/flex";
@import "utilities/float";
+@import "utilities/position";
@import "utilities/screenreaders";
+@import "utilities/sizing";
@import "utilities/spacing";
@import "utilities/text";
@import "utilities/visibility";
diff --git a/scss/utilities/_position.scss b/scss/utilities/_position.scss
new file mode 100644
index 0000000000..2cf08bfa01
--- /dev/null
+++ b/scss/utilities/_position.scss
@@ -0,0 +1,23 @@
+// Positioning
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: $zindex-fixed;
+}
+
+.sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: $zindex-sticky;
+}
diff --git a/scss/utilities/_sizing.scss b/scss/utilities/_sizing.scss
new file mode 100644
index 0000000000..a7dc3e49b8
--- /dev/null
+++ b/scss/utilities/_sizing.scss
@@ -0,0 +1,10 @@
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+ @each $size, $length in $sizes {
+ .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+ }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss
index 208212d521..6056e2b7e2 100644
--- a/scss/utilities/_spacing.scss
+++ b/scss/utilities/_spacing.scss
@@ -1,14 +1,3 @@
-// Width and height
-
-@each $prop, $abbrev in (width: w, height: h) {
- @each $size, $length in $sizes {
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
- }
-}
-
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
-
// Margin and Padding
@each $breakpoint in map-keys($grid-breakpoints) {
@@ -52,13 +41,3 @@
}
}
}
-
-// Positioning
-
-.pos-f-t {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: $zindex-navbar-fixed;
-}
--
GitLab