toby3d/va
toby3d
/
va
1
0
Fork 0
Code Actions

:lipsstick: Added supports rule for frame

This commit is contained in:
Maxim Lebedev 2021-08-23 00:05:48 +05:00
parent 6dd2e536fc
commit a65ffef9cf
Signed by: toby3d
GPG Key ID: 1F14E25B7C119FC5
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/frame.css
View File

@ -3,13 +3,6 @@
position: relative;
}
@supports(aspect-ratio: var(--frame-denominator) / var(--frame-numerator)) {
.frame {
aspect-ratio: var(--frame-denominator) / var(--frame-numerator);
padding-bottom: var(--off);
}
}
.frame > * {
align-items: center;
bottom: 0;
@ -23,9 +16,15 @@
}
.frame > img,
.frame > video,
.frame > iframe {
.frame > video {
height: 100%;
object-fit: cover;
width: 100%;
}
@supports(aspect-ratio: var(--frame-denominator) / var(--frame-numerator)) {
.frame {
aspect-ratio: var(--frame-denominator) / var(--frame-numerator);
padding-bottom: var(--off);
}
}