diff --git a/docs/4.0/utilities/position.md b/docs/4.0/utilities/position.md index fb7d8bd9eab2..9cf952452e98 100644 --- a/docs/4.0/utilities/position.md +++ b/docs/4.0/utilities/position.md @@ -6,6 +6,18 @@ group: utilities toc: true --- +## Common values + +Quick positioning classes are available, though they are not responsive. + +{% highlight html %} +
...
+
...
+
...
+
...
+
...
+{% endhighlight %} + ## Fixed top Position an element at the top of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS. diff --git a/scss/utilities/_position.scss b/scss/utilities/_position.scss index 74b8d39e7030..bddae2151c9f 100644 --- a/scss/utilities/_position.scss +++ b/scss/utilities/_position.scss @@ -1,4 +1,13 @@ -// Positioning +// Common values + +// Sass list not in variables since it's not intended for customization. +$positions: static, relative, absolute, fixed, sticky; + +@each $position in $positions { + .position-#{$position} { position: $position !important; } +} + +// Shorthand .fixed-top { position: fixed;