schedule responsive style

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

diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss
index d4248cb2e2bd2dc4f10d63f16ecc591df273a4a0..eed191331be3d897508843e7313e232d517100b9 100644 (file)
--- a/resources/sass/episodes.scss
+++ b/resources/sass/episodes.scss
@@ -22,6 +22,11 @@
        .episode-start {
                width: 4rem;
        }
+       @include media-breakpoint-up(md) {
+               .episode-body {
+                       margin-left: 5rem;
+               }
+       }
        .episode-channel-links > * {
                margin: 0.5ex 0;
                &:first-child {
@@ -35,7 +40,20 @@
                display: grid;
                grid-template-columns: 1fr 1fr;
        }
+       @include media-breakpoint-down(md) {
+               .episode-event {
+                       margin-left: 5rem;
+               }
+       }
 
+       .event-link {
+               color: inherit;
+               text-decoration: none;
+               &:hover {
+                       color: $link-color;
+                       text-decoration: underline;
+               }
+       }
        .player-link {
                border: none;