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="view-tall-half iframe-box-bevel" src="iframe.html" width="100%" sandbox="allow-same-origin allow-scripts"></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 box-thin box-shadow-offset-more view-tall-75" src="iframe.html" width="100%" sandbox="allow-same-origin allow-scripts"></iframe>

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