diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass index 2d5499e9a362777d7f8d697e8df39c1da78c100f..d665ef01f981b36fd08067b382a84868e5abec4e 100644 --- a/assets/sass/_theme/blocks/image.sass +++ b/assets/sass/_theme/blocks/image.sass @@ -45,6 +45,9 @@ picture margin-left: 0 margin-right: -$grid-gutter + // text-align: right + // img + // display: inline figcaption width: calc(#{col(5)} + #{$grid-gutter} / 2) order: 1 diff --git a/assets/sass/_theme/blocks/video.sass b/assets/sass/_theme/blocks/video.sass index bb3a48925f665d160035c5d36438e1629256f4f3..83ca5396c458f1064903993ef224db5d160bd578 100644 --- a/assets/sass/_theme/blocks/video.sass +++ b/assets/sass/_theme/blocks/video.sass @@ -5,9 +5,12 @@ @include aspect-ratio(16/9, 'iframe') iframe background: black + @include in-page-without-sidebar + .transcription + width: col(7) + margin-left: auto + @include media-breakpoint-down(md) + .video + margin-left: calc(-#{$grid-gutter-sm} / 2) + margin-right: calc(-#{$grid-gutter-sm} / 2) - // @include media-breakpoint-up(md) - // @include in-page-without-sidebar - // .block-content - // margin-left: col(2) - // width: col(8) diff --git a/assets/sass/_theme/design-system/a11y.sass b/assets/sass/_theme/design-system/a11y.sass index 5de0eded2ee5f7f1790d2408ac131880851be4e4..458139b2a1d936e558c1bdd4c6b67b06c92a1fa3 100644 --- a/assets/sass/_theme/design-system/a11y.sass +++ b/assets/sass/_theme/design-system/a11y.sass @@ -14,4 +14,5 @@ .transcription summary text-align: right + cursor: pointer