From 3eecaa6985dd599fa03798d860fdb5debe4cbe2e Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Wed, 4 Apr 2018 15:00:45 +0100 Subject: [PATCH] Fix spacing --- docs/_includes/index/intro.html | 6 +++--- docs/_sass/index.sass | 23 +++++++++------------ docs/_sass/sponsors.sass | 7 +++++-- docs/css/bulma-docs.css | 36 +++++++++++++++++---------------- 4 files changed, 37 insertions(+), 35 deletions(-) diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html index 25e9b0493e..cc4b21715b 100644 --- a/docs/_includes/index/intro.html +++ b/docs/_includes/index/intro.html @@ -48,11 +48,11 @@

-
-
+
+
{% include sponsor.html %}
-
+
{% include carbon.html %}
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass index f99b7a7d8a..2219f8af30 100644 --- a/docs/_sass/index.sass +++ b/docs/_sass/index.sass @@ -145,6 +145,12 @@ &:hover opacity: 1 +.intro-partners + margin-top: 6rem + +.intro-carbon + margin-top: 0.5rem + +mobile .intro-buttons .button @@ -162,29 +168,20 @@ justify-content: space-between +touch - .intro-column.is-video, - .intro-column.is-carbon + .intro-column.is-video margin-top: 3rem - .intro-columns.is-partners - margin-top: 6rem +desktop .intro-columns display: flex justify-content: center - &.is-partners - align-items: center - margin-top: 3rem .intro-column width: calc(50% - 1.5rem) - &.is-content, - &.is-sponsor + &.is-content margin-right: 1.5rem - &.is-video, - &.is-carbon + &.is-video margin-left: 1.5rem - .intro-content, - .bd-sponsor + .intro-content max-width: 440px .intro-title margin-top: -11px diff --git a/docs/_sass/sponsors.sass b/docs/_sass/sponsors.sass index a0de27626b..c13295acf1 100644 --- a/docs/_sass/sponsors.sass +++ b/docs/_sass/sponsors.sass @@ -27,6 +27,9 @@ align-items: center display: flex justify-content: center - margin: 0 10px 20px - width: 200px + margin: 1rem + width: 160px + img + max-height: 60px + width: auto diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 376b157d56..41cf657e8e 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -11351,6 +11351,14 @@ svg { opacity: 1; } +.intro-partners { + margin-top: 6rem; +} + +.intro-carbon { + margin-top: 0.5rem; +} + @media screen and (max-width: 768px) { .intro-buttons .button { display: -webkit-box; @@ -11381,13 +11389,9 @@ svg { } @media screen and (max-width: 1023px) { - .intro-column.is-video, - .intro-column.is-carbon { + .intro-column.is-video { margin-top: 3rem; } - .intro-columns.is-partners { - margin-top: 6rem; - } } @media screen and (min-width: 1024px) { @@ -11399,23 +11403,16 @@ svg { -ms-flex-pack: center; justify-content: center; } - .intro-columns.is-partners { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-top: 3rem; - } .intro-column { width: calc(50% - 1.5rem); } - .intro-column.is-content, .intro-column.is-sponsor { + .intro-column.is-content { margin-right: 1.5rem; } - .intro-column.is-video, .intro-column.is-carbon { + .intro-column.is-video { margin-left: 1.5rem; } - .intro-content, - .bd-sponsor { + .intro-content { max-width: 440px; } .intro-title { @@ -13488,8 +13485,13 @@ html.route-index .hero.is-primary a.column:hover .title strong { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - margin: 0 10px 20px; - width: 200px; + margin: 1rem; + width: 160px; +} + +.bd-sponsor-list a img { + max-height: 60px; + width: auto; } @-webkit-keyframes fadeIn {