From eeaddb27560d723ca7d61359744ceb2709fccd2d Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Tue, 15 Oct 2024 21:01:31 +0100 Subject: Renamed from pyblackbird_cc to alphabetlearning - everywhere --- .../static/scss/helpers/_position.scss | 36 ++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 alphabetlearning/static/scss/helpers/_position.scss (limited to 'alphabetlearning/static/scss/helpers/_position.scss') diff --git a/alphabetlearning/static/scss/helpers/_position.scss b/alphabetlearning/static/scss/helpers/_position.scss new file mode 100644 index 0000000..59103d9 --- /dev/null +++ b/alphabetlearning/static/scss/helpers/_position.scss @@ -0,0 +1,36 @@ +// Shorthand + +.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; +} + +// Responsive sticky top and bottom +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .sticky#{$infix}-top { + position: sticky; + top: 0; + z-index: $zindex-sticky; + } + + .sticky#{$infix}-bottom { + position: sticky; + bottom: 0; + z-index: $zindex-sticky; + } + } +} -- cgit v1.2.3