diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 0d95b473..92cb3f42 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -148,3 +148,5 @@
ga('create', 'UA-82634666-2', 'auto');
ga('send', 'pageview');
+
+
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index be84f3e9..cc2ff4fe 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 95104ea7..01dd97fc 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 00000000..badc7434
Binary files /dev/null and b/docs/images/index/vimeo-placeholder.jpg differ