Huesos
Style
Guide

Repositoire

GitHub

Preview

Iframe

Deletes border and displays iframe as a block element.

If you use .iframe-sizeless, the item will always fills its parent’s size (useful when you want to overide iframe’s default width and heigth attributes and make it dependent on its container).

Example

<section style="width:50%; height: 250px">
    <iframe width="300" height="100" src="https://mentalstones.com"></iframe>
</section>

<section style="width:50%; height: 250px">
    <iframe class="iframe-sizeless" src="https://mentalstones.com"></iframe>
</section>

Assets

  • Filesystem Path: src/components/html/iframe/_iframe.scss
  • Size: 90 Bytes 
  • iframe {
	border:none;
	display:block;
}

.iframe-sizeless {
	width:100%;
	height:100%;
}