Commentary
Classic controls to fix elements to parts of the viewport.
Usage
| Classes: |
|---|
.is-fixed-top |
Takes element out of flow and fixes at top of viewport. Width is set to 100%. |
.is-fixed-bottom |
Takes element out of flow and fixes at bottom of viewport. Width is set to 100%. |
.is-fixed-left |
Takes element out of flow and fixes at left of viewport. Height is set to 100%. |
.is-fixed-right |
Takes element out of flow and fixes at right of viewport. Height is set to 100%. |
.sr-only |
Hides content from viewport but allow screen readers to still see them. This allows for maintaining
proper semantic HTML structures without littering headings throughout the viewport. |
.sr-only-focusable |
Used in conjunction with .sr-only to only display content when it's focused. |
| Dependencies: |
|---|
| File: |
positions.css |
| Variables: |
none |
