From e0676084ee4ae3587572e46588f060782b912456 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Tue, 10 Oct 2017 19:18:52 +0100 Subject: [PATCH] Add vimeo placeholder --- docs/_includes/footer.html | 2 ++ docs/_sass/index.sass | 11 +++++++++-- docs/css/bulma-docs.css | 12 ++++++++++-- docs/images/index/vimeo-placeholder.jpg | Bin 0 -> 4976 bytes 4 files changed, 21 insertions(+), 4 deletions(-) create mode 100644 docs/images/index/vimeo-placeholder.jpg 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 0000000000000000000000000000000000000000..badc7434660142d8f09af708206e8f72016f1b4f GIT binary patch literal 4976 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 literal 0 HcmV?d00001