mirror of
https://github.com/gohugoio/hugo.git
synced 2026-08-24 15:28:54 +00:00
Remove all bloat from video sass partial
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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}}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user