ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use block and inline intead of left, bottom etc.

Browse source
This commit is contained in:
Fredrik Jonsson 2024-12-11 19:43:52 +01:00
commit 20708f2d7b
1 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/sass/components/responsive-video/_responsive-video.scss
View file

@ -12,8 +12,8 @@
--aspect-ratio: 9 / 16; // 16:9 aspect ratio
position: relative;
padding-bottom: calc(var(--aspect-ratio) * 100%); // 16:9 aspect ratio
padding-top: 25px; // Height of video controls
padding-block-end: calc(var(--aspect-ratio) * 100%); // 16:9 aspect ratio
padding-block-start: 25px; // Height of video controls
height: 0;
iframe {
@ -22,8 +22,8 @@
&__embed {
position: absolute;
top: 0;
left: 0;
inset-block-start: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
}