From 0d73ea377d86b0b97460bbdb34f3e141da431290 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 28 Nov 2022 17:38:23 +0100
Subject: [PATCH] block video
---
assets/sass/_theme/blocks/image.sass | 3 +++
assets/sass/_theme/blocks/video.sass | 13 ++++++++-----
assets/sass/_theme/design-system/a11y.sass | 1 +
3 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass
index 2d5499e9..d665ef01 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 bb3a4892..83ca5396 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 5de0eded..458139b2 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
--
GitLab