BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Allow responsive Iframes and make sure, Images won't break the layout

Browse Source
This commit is contained in:
Marcel Schindler 2018-07-11 09:58:26 +02:00
parent 88f03612b0
commit 64690ff2ed
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/skeleton.css vendored
View File

@ -416,3 +416,25 @@ there.
/* Larger than Desktop HD */ /* Larger than Desktop HD */
@media (min-width: 1200px) {} @media (min-width: 1200px) {}
/* Responsive Embeds. Use div class="fluidMedia" and then add embedding code */
.fluidMedia {
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
position: relative;
}
.fluidMedia iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* make sure, images won't crash the layout */
img {
max-width: 100%;
}