diff --git a/docs/_data/love.json b/docs/_data/love.json
index 42d4d79e..c6033044 100644
--- a/docs/_data/love.json
+++ b/docs/_data/love.json
@@ -83,7 +83,7 @@
"835834634655174658": {
"id": "835834634655174658",
"date": "12:51 PM - 26 Feb 2017",
- "content": "bulma.io is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.
💯 @jgthmss.",
+ "content": "bulma.io is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.
💯 @jgthms.",
"fullname": "scottgallant",
"username": "scottgallant",
"avatar": "https://pbs.twimg.com/profile_images/737847066030936064/1yHqQT-h_normal.jpg",
@@ -693,7 +693,7 @@
"915580081938018304": {
"id": "915580081938018304",
"date": "3:11 PM - 4 Oct 2017",
- "content": "Best css framework, amazing implementation. No idea how I lived without this.
bulma.io #bulmaio via @jgthms",
+ "content": "Best css framework, amazing implementation. No idea how I lived without this.",
"fullname": "Juan Carlos Andreu",
"username": "andreujuanc",
"avatar": "https://pbs.twimg.com/profile_images/530443756114153472/nSmN8eUj_normal.jpeg",
@@ -1281,4 +1281,4 @@
"963476902324391937",
"966731525709619200"
]
-}
\ No newline at end of file
+}
diff --git a/docs/_includes/elements/tws.html b/docs/_includes/elements/tws.html
index 942913fd..8f3ab9ab 100644
--- a/docs/_includes/elements/tws.html
+++ b/docs/_includes/elements/tws.html
@@ -1,21 +1,18 @@
- {% assign tweet = site.data.love.tweetsById.868829487072464897 %}{% include elements/tw.html tweet=tweet%}
+ {% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
- {% assign tweet = site.data.love.tweetsById.907551723459416071 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
- {% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
- {% assign tweet = site.data.love.tweetsById.860885116909998080 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
+ {% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
- {% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
diff --git a/docs/_includes/global/head.html b/docs/_includes/global/head.html
index 29ce1e02..39fba8bc 100644
--- a/docs/_includes/global/head.html
+++ b/docs/_includes/global/head.html
@@ -18,9 +18,6 @@
{% if page.mdi %}
{% endif %}
- {% if page.route == 'index' %}
-
- {% endif %}
diff --git a/docs/_includes/global/scripts.html b/docs/_includes/global/scripts.html
index 42cd1b04..c4241cfd 100644
--- a/docs/_includes/global/scripts.html
+++ b/docs/_includes/global/scripts.html
@@ -3,8 +3,21 @@
{% if page.route == 'index' %}
-
+
+
{% elsif page.doc-subtab == 'navbar' %}
{% include examples/navbar-bottom.html %}
diff --git a/docs/_includes/index/focus.html b/docs/_includes/index/focus.html
index f987e501..4282477d 100644
--- a/docs/_includes/index/focus.html
+++ b/docs/_includes/index/focus.html
@@ -1,6 +1,10 @@
+{% assign responsiveness_link = site.data.links.by_id['overview-responsiveness'] %}
+{% assign modularity_link = site.data.links.by_id['overview-modular'] %}
+{% assign columns_link = site.data.links.by_id['columns-basics'] %}
+
diff --git a/docs/_includes/index/start.html b/docs/_includes/index/start.html
index fb933cc8..6ce44d1c 100644
--- a/docs/_includes/index/start.html
+++ b/docs/_includes/index/start.html
@@ -18,7 +18,7 @@
Read the docs
-
+
diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index e01572fe..c5d0bd1c 100644
--- a/docs/_sass/index.sass
+++ b/docs/_sass/index.sass
@@ -1,7 +1,6 @@
// Index common
.bd-index-header
- margin-bottom: 3rem
text-align: center
a
color: currentColor
@@ -18,9 +17,18 @@
color: $grey-light !important
strong
color: currentColor
+ &:not(:last-child)
+ margin-bottom: 3rem
&.bd-is-left
text-align: left
+// JS
+
+.bd-index-js-tweet
+ .bd-tw
+ margin-left: auto
+ margin-right: auto
+
// Customize
.bd-index-custom-title
@@ -72,6 +80,9 @@
background-color: darken($pink, 2.5%)
&:active
background-color: darken($pink, 5%)
+ +selection
+ background-color: $pink
+ color: $white
// Fullscreen
@@ -129,10 +140,21 @@
max-width: $intro-width
.bd-focus-item
+ border-radius: $radius-large
+ padding-top: 1.25rem
+ transition-duration: $speed * 2
+ transition-property: background-color
.subtitle
color: $grey-light
strong
color: currentColor
+ .title
+ transition-duration: $speed * 2
+ transition-property: color
+ &:hover
+ background-color: $white-bis
+ .title
+ color: $link
.bd-focus-icon
.fa-mobile-alt
diff --git a/docs/_sass/specific.sass b/docs/_sass/specific.sass
index 94983954..6a260f47 100644
--- a/docs/_sass/specific.sass
+++ b/docs/_sass/specific.sass
@@ -11,6 +11,8 @@
display: block
font-size: $size-5
padding: 1rem 3rem 1.5rem
+ transition-duration: $speed
+ transition-property: background-color, color
strong
font-weight: $weight-semibold
&:hover
diff --git a/docs/_sass/sponsors.sass b/docs/_sass/sponsors.sass
index 8556a645..6659cd01 100644
--- a/docs/_sass/sponsors.sass
+++ b/docs/_sass/sponsors.sass
@@ -22,8 +22,6 @@
.bd-partners
background-color: $white-bis
- .container
- max-width: $intro-width
#carbonads
.carbon-text
padding-bottom: 0
diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass
index f43e6a93..0477776d 100644
--- a/docs/bulma-docs.sass
+++ b/docs/bulma-docs.sass
@@ -21,7 +21,7 @@ $beige-lighter: #EFF0EB;
$carbon-width: 300px
$carbon-height: 100px
$main-spacing: 3rem
-$intro-width: 1130px
+$intro-width: 1080px
%center
align-items: center
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index b7ee680c..24715d72 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -10096,7 +10096,6 @@ svg {
}
.bd-index-header {
- margin-bottom: 3rem;
text-align: center;
}
@@ -10128,10 +10127,19 @@ svg {
color: currentColor;
}
+.bd-index-header:not(:last-child) {
+ margin-bottom: 3rem;
+}
+
.bd-index-header.bd-is-left {
text-align: left;
}
+.bd-index-js-tweet .bd-tw {
+ margin-left: auto;
+ margin-right: auto;
+}
+
.bd-index-custom-title {
color: #b5b5b5;
}
@@ -10212,6 +10220,16 @@ svg {
background-color: #f9637c;
}
+.bd-index-custom.bd-is-after ::-moz-selection {
+ background-color: #FA7C91;
+ color: white;
+}
+
+.bd-index-custom.bd-is-after ::selection {
+ background-color: #FA7C91;
+ color: white;
+}
+
.bd-index-fullscreen .tabs a {
color: #b5b5b5 !important;
}
@@ -10267,7 +10285,14 @@ svg {
.bd-focus {
margin: 6rem auto 0;
- max-width: 1130px;
+ max-width: 1080px;
+}
+
+.bd-focus-item {
+ border-radius: 6px;
+ padding-top: 1.25rem;
+ transition-duration: 172ms;
+ transition-property: background-color;
}
.bd-focus-item .subtitle {
@@ -10278,6 +10303,19 @@ svg {
color: currentColor;
}
+.bd-focus-item .title {
+ transition-duration: 172ms;
+ transition-property: color;
+}
+
+.bd-focus-item:hover {
+ background-color: #fafafa;
+}
+
+.bd-focus-item:hover .title {
+ color: #3273dc;
+}
+
.bd-focus-icon .fa-mobile-alt {
color: #b86bff;
margin-right: -20px;
@@ -10737,6 +10775,8 @@ svg {
display: block;
font-size: 1.25rem;
padding: 1rem 3rem 1.5rem;
+ transition-duration: 86ms;
+ transition-property: background-color, color;
}
.bd-link strong {
@@ -12304,10 +12344,6 @@ svg {
background-color: #fafafa;
}
-.bd-partners .container {
- max-width: 1130px;
-}
-
.bd-partners #carbonads .carbon-text {
padding-bottom: 0;
}
diff --git a/docs/images/index/js-frameworks.png b/docs/images/index/js-frameworks.png
new file mode 100644
index 00000000..5db9084f
Binary files /dev/null and b/docs/images/index/js-frameworks.png differ
diff --git a/docs/index.html b/docs/index.html
index 8118c99f..dd1e0303 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -12,10 +12,7 @@ fixed_navbar: true
{% include index/modifiers.html %}
{% include index/customize.html %}
-
-
-
+
+{% include index/js.html %}
{% include index/fullheight.html %}
-
-
{% include index/start.html %}