Layout iFrame

Iframe containers and frame styles. Apply sandbox values for extra restrictions on content.

iFrame

<iframe src="iframe.html" width="100%"></iframe>

iframe recessed

<div class="iframe-container iframe-container-shadow"></div>
<iframe class="iframe-box-bevel" src="iframe.html" width="100%"></iframe>
</div>

For more bevel apply the .iframe-box-bevel-2 class, and for more shadow apply .iframe-box-bevel-2.

iframe Style Example

<iframe class="evo-box evo-box-thin box-shadow-offset-more" src="iframe.html" width="100%"></iframe>

Box and shadow classes can be mixed and matched to produce different looks.