fix: Add embed-container 16:9 box styling
Can be used for embeds like videos or embedded code blocks
This commit is contained in:
parent
b6a95530a6
commit
9853187200
1 changed files with 16 additions and 0 deletions
|
|
@ -311,3 +311,19 @@ h5.modal-title {
|
|||
.image-loaded {
|
||||
filter: blur(0rem);
|
||||
}
|
||||
|
||||
.embed-container {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.embed-container iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue