town
/
tildetv-frontend
mirror of https://github.com/tildetown/tildetv-frontend
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor(Video): moved the `.video-wrapper` CSS to where it should be

This commit is contained in:
Resi Respati 2017-04-21 11:11:25 +07:00
parent d67af7bf92
commit dd55b9cd7c
No known key found for this signature in database
GPG Key ID: BB70B066307F92FD
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/App.vue
View File

@ -60,26 +60,4 @@ a {
.title {
font-weight: 400;
}
/**
* Video wrapper.
*
* @see https://alistapart.com/article/creating-intrinsic-ratios-for-video
*/
.video-wrapper {
position: relative;
height: 0;
padding-bottom: 56.25%;
margin-top: 1rem;
margin-bottom: 1rem
}
.video-wrapper iframe {
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%
}
</style>

22
src/components/Video.vue
View File

@ -46,4 +46,26 @@ h4, h5, h6 {
.metadata {
margin-bottom: 2rem;
}
/**
* Video wrapper.
*
* @see https://alistapart.com/article/creating-intrinsic-ratios-for-video
*/
.video-wrapper {
position: relative;
height: 0;
padding-bottom: 56.25%;
margin-top: 1rem;
margin-bottom: 1rem
}
.video-wrapper iframe {
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%
}
</style>