add position rules

yegor256 · Oct 4, 2019 · ee5d578 · ee5d578
1 parent 777b526
commit ee5d578
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -45,6 +45,11 @@ Here is a full list of "drops":
 | `smaller` | `font-size: .8em;` |
 | `larger` | `font-size: 1.2em;` |
 | `invisible` | `display: none;` |
+| `position-static` | `position: static;` |
+| `position-relative` | `position: relative;` |
+| `position-absolute` | `position: absolute;` |
+| `position-fixed` | `position: fixed;` |
+| `position-sticky` | `position: sticky;` |
 
 There is also a set of drops for responsive design, like `desktop-only` and
 `no-printer` for `desktop`, `printer`, `mobile`, and `tablet`.

diff --git a/scss/_layout.scss b/scss/_layout.scss
@@ -24,4 +24,12 @@
 .right { text-align: right; }
 .center { text-align: center; }
 
+$positions: static, relative, absolute, fixed, sticky;
+
+@each $position in $positions {
+  .position-#{$position} {
+    position: $position;
+  }
+}
+
 .invisible { display: none; }