X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fsass%2Fepisodes.scss;h=eed191331be3d897508843e7313e232d517100b9;hb=a5d038197b7a31c2d354fed242985cb604c4f8a8;hp=df98cd7a9b52f73c712ace28c70e2e128dfdbb55;hpb=9b4ede72755930de6b0a39bf6f142e598c043844;p=alttp.git diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss index df98cd7..eed1913 100644 --- 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; @@ -49,25 +67,25 @@ vertical-align: middle; } } +} - .crew-member { - border: none; +.crew-member { + border: none; - img { - max-height: 2rem; - width: auto; - border-radius: 50%; - margin: 0 0.25rem 0 0; - } - span { - vertical-align: middle; - } + img { + max-height: 2rem; + width: auto; + border-radius: 50%; + margin: 0 0.25rem 0 0; + } + span { + vertical-align: middle; + } - &.unconfirmed { - opacity: 0.25; - &:hover { - opacity: 1; - } + &.unconfirmed { + opacity: 0.25; + &:hover { + opacity: 1; } } }