Remove all bloat from video sass partial

This commit is contained in:
Ryan Watters
2017-03-19 19:20:39 -05:00
parent 594a96919f
commit ff2931c60d
5 changed files with 6 additions and 30 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="video-wrapper" data-streaming="youtube" data-videoid="{{.Get "id"}}" >
<i class="icon-video-play-button shortcode"></i>
{{if (.Get "thumbnail")}}
<div style="background-image:url(/images/videothumbnails/{{.Get "thumbnail"}})" alt="YouTube Thumbnail" class="video-thumbnail"></div>
<div style="background-image:url(/images/thumbnails/{{.Get "thumbnail"}})" alt="YouTube Thumbnail" class="video-thumbnail"></div>
{{else}}
<div style="background-image:url(//img.youtube.com/vi/{{.Get "id"}}/0.jpg)" alt="YouTube Thumbnail" class="video-thumbnail"></div>
{{end}}
+2 -26
View File
@@ -1,7 +1,5 @@
//From the awesome Chris Coyier here: https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
.video-wrapper,
.iframe-wrapper {
.video-wrapper {
transition: all .3s ease-in-out;
position: relative;
padding-bottom: 56.25%;
@@ -13,11 +11,6 @@
margin-bottom: 1em;
}
.iframe-wrapper,
iframe[src*="soundcloud.com"] {
@include card(2);
}
.video-wrapper {
&:hover,
&:active,
@@ -50,7 +43,7 @@ iframe[src*="soundcloud.com"] {
background-size: cover;
cursor: pointer;
position: relative;
filter: grayscale(100%);
filter: grayscale(100%);
&:hover {
filter: grayscale(0%);
}
@@ -74,23 +67,6 @@ iframe[src*="soundcloud.com"] {
margin-bottom: 1em;
}
.video-wrapper {
+ h3,
+ h4,
+ p {
margin-top: 1em;
}
}
.video-wrapper + h3 {
margin-bottom: 0px;
margin-top: .5em;
}
h3 + .video-wrapper, h4 + .video-wrapper {
margin-top:1em;
}
.video-description {
width: 100%;
text-align: center;
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long