From abaf686b257f4235238242ae9efb84fefc592b23 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Tue, 10 Apr 2018 12:48:58 +0100 Subject: [PATCH] More index sections --- docs/_includes/elements/tw.html | 2 +- docs/_includes/elements/tws.html | 2 +- docs/_includes/index/columns.html | 2 +- docs/_includes/index/customize.html | 55 ++++++++++++++++++ docs/_includes/index/fullheight.html | 2 +- docs/_includes/index/modifiers.html | 29 ++++++---- docs/_includes/index/start.html | 18 ++++-- docs/_includes/index/tws.html | 16 +++++- docs/_sass/index.sass | 20 ++++++- docs/_sass/twitter.sass | 15 ++--- docs/bulma-docs.sass | 2 +- docs/css/bulma-docs.css | 84 ++++++++++++---------------- docs/index.html | 7 ++- 13 files changed, 173 insertions(+), 81 deletions(-) create mode 100644 docs/_includes/index/customize.html diff --git a/docs/_includes/elements/tw.html b/docs/_includes/elements/tw.html index f2fcbdcc..70f16378 100644 --- a/docs/_includes/elements/tw.html +++ b/docs/_includes/elements/tw.html @@ -1,6 +1,6 @@ {% assign twUrl = "https://twitter.com/" | append: include.tweet.username | append: "/status/" | append: include.tweet.id %} -
+
diff --git a/docs/_includes/elements/tws.html b/docs/_includes/elements/tws.html index 55e5d3cd..942913fd 100644 --- a/docs/_includes/elements/tws.html +++ b/docs/_includes/elements/tws.html @@ -24,7 +24,7 @@

- + See more love 🤗

diff --git a/docs/_includes/index/columns.html b/docs/_includes/index/columns.html index 8aa126b7..4907a381 100644 --- a/docs/_includes/index/columns.html +++ b/docs/_includes/index/columns.html @@ -12,7 +12,7 @@
-
+

The simplest grid system diff --git a/docs/_includes/index/customize.html b/docs/_includes/index/customize.html new file mode 100644 index 00000000..621f344d --- /dev/null +++ b/docs/_includes/index/customize.html @@ -0,0 +1,55 @@ +{% assign customize_link = site.data.links.by_id['overview-customize'] %} + +
+
+
+
+
+

+ + So quick to customize + +

+

+ Simply set your own Sass variables before importing Bulma +

+
+
+ +
+
+
+

+ button +

+
+ Button +
+
+
+

+ button is-primary +

+
+ Button +
+
+
+

+ button is-primary is-large +

+
+ Button +
+
+
+

+ button is-primary is-large is-loading +

+
+ Button +
+
+
+
+
diff --git a/docs/_includes/index/fullheight.html b/docs/_includes/index/fullheight.html index 79dd9343..6d32da90 100644 --- a/docs/_includes/index/fullheight.html +++ b/docs/_includes/index/fullheight.html @@ -13,7 +13,7 @@

- + Easy vertical centering in fullscreen diff --git a/docs/_includes/index/modifiers.html b/docs/_includes/index/modifiers.html index 32eede46..86a92cf0 100644 --- a/docs/_includes/index/modifiers.html +++ b/docs/_includes/index/modifiers.html @@ -1,17 +1,26 @@ -
+{% assign modifiers_link = site.data.links.by_id['modifiers-syntax'] %} + +
-

- - - - - Compose your element with modifier classes - -

-

Add and combine is-* CSS classes to quickly alter styles

+
+

+ + So easy to learn + +

+

+ Get a design started within minutes +

+
+ +
+ {% assign tweet = site.data.love.tweetsById.868829487072464897 %} + {% include elements/tw.html tweet=tweet modifier='bd-is-grey' %} +
+
diff --git a/docs/_includes/index/start.html b/docs/_includes/index/start.html index fbbe19ff..fb933cc8 100644 --- a/docs/_includes/index/start.html +++ b/docs/_includes/index/start.html @@ -1,12 +1,22 @@ -
+{% assign docs_link = site.data.links.by_id['documentation'] %} +{% assign docs_url = site.url | append: docs_link.path %} + +
-

Get started

+
+

+ + Get started + +

+
+
- + - Check the docs + Read the docs diff --git a/docs/_includes/index/tws.html b/docs/_includes/index/tws.html index de1cf176..31bb7711 100644 --- a/docs/_includes/index/tws.html +++ b/docs/_includes/index/tws.html @@ -1,3 +1,17 @@ -
+{% assign love_link = site.data.links.by_id['love'] %} +{% assign love_url = site.url | append: love_link.path %} + +
+
+

+ + A growing community + +

+

+ See what Bulma fans are saying +

+
+ {% include elements/tws.html %}
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass index 2378bf6d..a304de39 100644 --- a/docs/_sass/index.sass +++ b/docs/_sass/index.sass @@ -1,13 +1,27 @@ -// Columns +// Index common -.bd-columns-header +.bd-index-header margin-bottom: 3rem text-align: center + a + color: currentColor + &:hover + color: $blue + strong + color: currentColor strong - color: $primary font-weight: $weight-semibold + .title + strong + color: $primary .subtitle color: $grey-light + strong + color: currentColor + &.bd-is-left + text-align: left + +// Columns #grid .notification diff --git a/docs/_sass/twitter.sass b/docs/_sass/twitter.sass index b837a510..4d7683f1 100644 --- a/docs/_sass/twitter.sass +++ b/docs/_sass/twitter.sass @@ -1,23 +1,24 @@ $tw-black: #1c2022 $tw-blue: #2b7bb9 $tw-grey: #697882 +$tw-border: #e1e8ed .bd-tws-home - background-color: $background - display: flex - flex-wrap: wrap - overflow: auto - padding: 20px + background-color: $white-bis .bd-tw background-color: #fff - border: 2px solid #e1e8ed + border: 2px solid $background border-radius: $radius-large color: $tw-grey flex-shrink: 0 font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif font-size: 16px + max-width: 420px padding: 20px + &.bd-is-grey + background-color: $white-bis + border: none .bd-tw-header align-items: stretch @@ -163,7 +164,7 @@ $tw-grey: #697882 .twitter-tweet:not(.twitter-tweet-rendered) background-color: $white - border: 1px solid #e1e8ed + border: 1px solid $tw-border border-radius: 5px color: $tw-grey font-size: 14px diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass index f0b63562..00ed3a5e 100644 --- a/docs/bulma-docs.sass +++ b/docs/bulma-docs.sass @@ -46,7 +46,7 @@ $intro-width: 1130px @import "./_sass/example" @import "./_sass/callout" @import "./_sass/bsa" -@import "./_sass/route" +// @import "./_sass/route" @import "./_sass/twitter" @import "./_sass/expo" @import "./_sass/love" diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 1b45110a..f8f21f3f 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -10095,20 +10095,43 @@ svg { text-decoration: underline; } -.bd-columns-header { +.bd-index-header { margin-bottom: 3rem; text-align: center; } -.bd-columns-header strong { - color: #00d1b2; +.bd-index-header a { + color: currentColor; +} + +.bd-index-header a:hover { + color: #3273dc; +} + +.bd-index-header a:hover strong { + color: currentColor; +} + +.bd-index-header strong { font-weight: 600; } -.bd-columns-header .subtitle { +.bd-index-header .title strong { + color: #00d1b2; +} + +.bd-index-header .subtitle { color: #b5b5b5; } +.bd-index-header .subtitle strong { + color: currentColor; +} + +.bd-index-header.bd-is-left { + text-align: left; +} + #grid .notification { padding-left: 0; padding-right: 0; @@ -11446,64 +11469,27 @@ svg { } } -html.route-index .title.is-2, -html.route-index .title.is-3 { - position: relative; -} - -html.route-index .title.is-2 a, -html.route-index .title.is-3 a { - color: #363636; - position: relative; -} - -html.route-index .title.is-2 a:hover, -html.route-index .title.is-3 a:hover { - color: #3273dc; -} - -html.route-index .hero .title.is-2 a { - color: white; -} - -html.route-index .hero .title.is-2 a:hover { - color: white; -} - -html.route-index .hero.is-primary a.column, -html.route-index .hero.is-primary a.column:hover { - color: white; -} - -html.route-index .hero.is-primary a.column:hover .title strong { - border-bottom: 1px solid; -} - -@media screen and (max-width: 979px) { - html.route-index .title.is-2 a { - padding-left: 0; - } -} - .bd-tws-home { - background-color: whitesmoke; - display: flex; - flex-wrap: wrap; - overflow: auto; - padding: 20px; + background-color: #fafafa; } .bd-tw { background-color: #fff; - border: 2px solid #e1e8ed; + border: 2px solid whitesmoke; border-radius: 6px; color: #697882; flex-shrink: 0; font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; font-size: 16px; + max-width: 420px; padding: 20px; } +.bd-tw.bd-is-grey { + background-color: #fafafa; + border: none; +} + .bd-tw-header { align-items: stretch; display: flex; diff --git a/docs/index.html b/docs/index.html index 271e0532..8118c99f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -9,9 +9,12 @@ fixed_navbar: true {% include index/sponsor.html %} {% include index/columns.html %} {% include index/tws.html %} +{% include index/modifiers.html %} +
+{% include index/customize.html %} -{% include index/level.html %} -{% include index/media-object.html %} + + {% include index/fullheight.html %}