diff --git a/site/content/docs/0.0/helpers/position.md b/site/content/docs/0.0/helpers/position.md index df8721a8bd..939963716d 100644 --- a/site/content/docs/0.0/helpers/position.md +++ b/site/content/docs/0.0/helpers/position.md @@ -8,4 +8,58 @@ aliases: toc: true --- -{{< callout-soon "helper" >}} +## 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 additional CSS. + +```html +
...
+``` + +## Fixed bottom + +Position an element at the bottom of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add additional CSS. + +```html +
...
+``` + +## Sticky top + +Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. + +```html +
...
+``` + + + +## Sticky bottom + +Position an element at the bottom of the viewport, from edge to edge, but only after you scroll past it. + +```html +
...
+``` + + diff --git a/site/data/sidebar.yml b/site/data/sidebar.yml index df07adef22..9837d35fe6 100644 --- a/site/data/sidebar.yml +++ b/site/data/sidebar.yml @@ -195,7 +195,6 @@ - title: Icon link draft: true - title: Position - draft: true - title: Ratio draft: true - title: Stacks