diff options
author | tdro <tdro@noreply.example.com> | 2022-05-06 03:46:06 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2022-05-06 03:46:06 -0400 |
commit | 207151902ce5ac72c716273291a6de391a557b7e (patch) | |
tree | f0ac1f6de3f520fffac7cdd89765fc654d2f72d0 | |
parent | 4d0f6600309803b8166c6dafc2266b7d2557b718 (diff) | |
download | canory-207151902ce5ac72c716273291a6de391a557b7e.tar.gz canory-207151902ce5ac72c716273291a6de391a557b7e.tar.bz2 canory-207151902ce5ac72c716273291a6de391a557b7e.zip |
themes/default/layouts/shortcodes/youtube: Remove inline styles
-rw-r--r-- | static/css/default.css | 9 | ||||
-rw-r--r-- | themes/default/layouts/shortcodes/youtube.html | 2 |
2 files changed, 10 insertions, 1 deletions
diff --git a/static/css/default.css b/static/css/default.css index 81fea52..b259d7b 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -1366,6 +1366,15 @@ twitter-tweet iframe { border: none; } +youtube-video div { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; + min-height: 16rem; + border-radius: 0.5rem; +} + /* ----- Typography ----- */ h1, diff --git a/themes/default/layouts/shortcodes/youtube.html b/themes/default/layouts/shortcodes/youtube.html index 791e3da..d257d0d 100644 --- a/themes/default/layouts/shortcodes/youtube.html +++ b/themes/default/layouts/shortcodes/youtube.html @@ -15,7 +15,7 @@ {{- end -}} <youtube-video> - <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> + <div> <iframe loading="lazy" sandbox="allow-scripts allow-same-origin" src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" |