BU Blocks Style Guide

Global BUniverse BlockLink

In-Progress New Issue

This is a BUniverse Block, It's a means of easily embedding and modifying a BUniverse video with several without having to use or edit an embed code.

Examples Source: blocks/buniverse/style.scss, line 16 View Source

Default styling

.has-aspectratio-16by9

16:9 aspect ratio

.has-aspectratio-4by3

4:3 aspect ratio

.has-aspectratio-1by1

1:1 aspect ratio

.has-aspectratio-3by4

3:4 aspect ratio

.has-aspectratio-9by16

9:16 aspect ratio

Markup blocks/buniverse/bu-blocks-block-buniverse.hbs

<figure class="wp-block-global-buniverse {{modifier_class}}">
			<div class="wp-block-global-buniverse-wrapper">
				<iframe src="//www.bu.edu/buniverse/interface/embed/embed.html?v=CSe7S24N&controls=1&showinfo=0&rel=0&autoplay=1&mute=1&start=148" frameborder="0"></iframe>
			</div>
			<figcaption></figcaption>
		</figure>