From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Tue, 10 Oct 2017 18:18:52 +0000 (+0100)
Subject: Add vimeo placeholder
X-Git-Tag: 0.6.1~66
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e0676084ee4ae3587572e46588f060782b912456;p=thirdparty%2Fbulma.git

Add vimeo placeholder
---

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 0d95b473c..92cb3f421 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -148,3 +148,5 @@
   ga('create', 'UA-82634666-2', 'auto');
   ga('send', 'pageview');
 </script>
+
+<script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script>
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index be84f3e90..cc2ff4feb 100644
--- a/docs/_sass/index.sass
+++ b/docs/_sass/index.sass
@@ -1,7 +1,7 @@
 .intro-content
   margin-left: auto
   margin-right: auto
-  max-width: 440px
+  max-width: 640px
 
 .intro-title
   font-weight: $weight-normal
@@ -107,6 +107,11 @@
 
 .intro-shadow
   +overlay
+  background-color: #43647b
+  background-image: url("/images/index/vimeo-placeholder.jpg")
+  background-position: center center
+  background-repeat: no-repeat
+  background-size: cover
   box-shadow: 0 1.5rem 3rem rgba(#000, 0.2)
   animation-name: introShadow
 
@@ -142,7 +147,7 @@
 +touch
   .intro-column.is-video,
   .intro-carbon
-    margin-top: 1.5rem
+    margin-top: 3rem
 
 +desktop
   .intro-columns
@@ -154,6 +159,8 @@
       margin-right: 1.5rem
     &.is-video
       margin-left: 1.5rem
+  .intro-content
+    max-width: 440px
   .intro-title
     margin-top: -11px
     &:not(:last-child)
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 95104ea70..01dd97fc4 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -9454,7 +9454,7 @@ svg {
 .intro-content {
   margin-left: auto;
   margin-right: auto;
-  max-width: 440px;
+  max-width: 640px;
 }
 
 .intro-title {
@@ -9615,6 +9615,11 @@ svg {
   position: absolute;
   right: 0;
   top: 0;
+  background-color: #43647b;
+  background-image: url("/images/index/vimeo-placeholder.jpg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
   box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
   animation-name: introShadow;
 }
@@ -9659,7 +9664,7 @@ svg {
 @media screen and (max-width: 1023px) {
   .intro-column.is-video,
   .intro-carbon {
-    margin-top: 1.5rem;
+    margin-top: 3rem;
   }
 }
 
@@ -9677,6 +9682,9 @@ svg {
   .intro-column.is-video {
     margin-left: 1.5rem;
   }
+  .intro-content {
+    max-width: 440px;
+  }
   .intro-title {
     margin-top: -11px;
   }
diff --git a/docs/images/index/vimeo-placeholder.jpg b/docs/images/index/vimeo-placeholder.jpg
new file mode 100644
index 000000000..badc74346
Binary files /dev/null and b/docs/images/index/vimeo-placeholder.jpg differ