From: Jeremy Thomas Date: Tue, 10 Apr 2018 14:38:50 +0000 (+0100) Subject: Add JS X-Git-Tag: 0.7.0~1^2~35 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cbf8c62ddede1875bba55b2cfc42072c41ec0dae;p=thirdparty%2Fbulma.git Add JS --- diff --git a/docs/_data/love.json b/docs/_data/love.json index 42d4d79ec..c60330445 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 942913fd8..8f3ab9abf 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 29ce1e02c..39fba8bc0 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 42cd1b040..c4241cfd2 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 f987e501a..4282477d2 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 fb933cc84..6ce44d1c8 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 e01572fe2..c5d0bd1ce 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 949839548..6a260f476 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 8556a6453..6659cd018 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 f43e6a935..0477776d0 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 b7ee680c3..24715d724 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 000000000..5db9084f8 Binary files /dev/null and b/docs/images/index/js-frameworks.png differ diff --git a/docs/index.html b/docs/index.html index 8118c99f3..dd1e03034 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 %}