sticky schedule group headings

[alttp.git] / resources / sass / episodes.scss

diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss
index d4d686b6950241615b10a587686f26e3517d63bb..33722576817344250a27a469df59fb66034894f0 100644 (file)
--- a/resources/sass/episodes.scss
+++ b/resources/sass/episodes.scss
@@ -1,3 +1,13 @@
+.episodes-group-heading {
+       position: sticky;
+       top: 0;
+       margin: 2rem 0 0 0;
+       padding: 1rem 0 3rem 0;
+       background: $body-bg;
+       background: linear-gradient(180deg, $body-bg, $body-bg 65%, transparent);
+       z-index: 1;
+}
+
 .episodes-item {
        &.is-active {
                border-color: $success !important;