blob: bbc5eb51a2a3eb89d6998101b9b8ae7413c519dd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
// Video
//
// Styles from this page can be found in `wyrm_core/_video.sass`.
// It is basically a simple way to handle simple 16:9 responsive embeds.
//
// Markup:
// <div class="wy-video {$modifiers}"><iframe src="//www.youtube.com/embed/dJ0Neq2up9E" frameborder="0" allowfullscreen></iframe></div>
//
// .wy-video-sd - 4:3 TV style
// .wy-video-cinema - Anamorphic
//
// Styleguide 12.0
.wy-video
position: relative
padding-bottom: 56.25%
height: 0
iframe, object
position: absolute
top: 0
left: 0
width: 100%
height: 100%
.wy-video.wy-video-sd
padding-bottom: 75%
.wy-video.wy-video-cinema
padding-bottom: 41.84%
|