Add 0.7.5 notice

docs/_data/meta.json

@@ -2,10 +2,11 @@
   "title": "Bulma: Free, open source, & modern CSS framework based on Flexbox",
   "description": "Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.",
   "documentation": "/documentation",
-  "download": "https://github.com/jgthms/bulma/releases/download/0.7.4/bulma-0.7.4.zip",
+  "download": "https://github.com/jgthms/bulma/releases/download/0.7.5/bulma-0.7.5.zip",
+  "release_notes": "https://github.com/jgthms/bulma/releases/tag/0.7.5",
   "github": "https://github.com/jgthms/bulma",
   "twitter": "https://twitter.com/jgthms",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/",
   "book_amazon": "https://www.amazon.com/Creating-Interfaces-Bulma-Jeremy-Thomas-ebook/dp/B079M1BJG4/",
   "book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf",

docs/_includes/global/notice.html

@@ -0,0 +1,14 @@
+<div class="bd-notice">
+  <div class="container">
+    <div class="bd-notice-body">
+      <p>
+        Bulma <strong>{{ site.data.meta.version }}</strong> is out!
+      </p>
+      <p>
+        <a target="_blank" href="{{ site.data.meta.release_notes }}">Release notes</a>
+        <span>–</span>
+        <a target="_blank" href="{{ site.data.meta.download }}"><strong>Download it now</strong></a>
+      </p>
+    </div>
+  </div>
+</div>

docs/_sass/global.sass

@@ -2,6 +2,41 @@ svg
   max-height: 100%
   max-width: 100%
 
+.bd-notice
+  background-color: $primary
+  color: $primary-invert
+  padding: 1em
+  text-align: center
+
+.bd-notice-body
+  align-items: center
+  display: flex
+  justify-content: center
+  a,
+  strong
+    color: currentColor
+  a
+    border-bottom: 1px solid rgba($white, 0.5)
+    padding-bottom: 2px
+    &:hover
+      border-bottom-color: $white
+  span
+    margin: 0 0.25em
+    opacity: 0.5
+
++mobile
+  .bd-notice
+    font-size: 0.75rem
+  .bd-notice-body
+    flex-wrap: wrap
+    p:first-child
+      width: 100%
+
++tablet
+  .bd-notice-body
+    p:first-child
+      margin-right: 1em
+
 .bd-patreon-button
   display: inline-block
   position: relative

docs/css/bulma-docs.css

@@ -11250,6 +11250,56 @@ svg {
   max-width: 100%;
 }
 
+.bd-notice {
+  background-color: #00d1b2;
+  color: #fff;
+  padding: 1em;
+  text-align: center;
+}
+
+.bd-notice-body {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.bd-notice-body a,
+.bd-notice-body strong {
+  color: currentColor;
+}
+
+.bd-notice-body a {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+  padding-bottom: 2px;
+}
+
+.bd-notice-body a:hover {
+  border-bottom-color: white;
+}
+
+.bd-notice-body span {
+  margin: 0 0.25em;
+  opacity: 0.5;
+}
+
+@media screen and (max-width: 768px) {
+  .bd-notice {
+    font-size: 0.75rem;
+  }
+  .bd-notice-body {
+    flex-wrap: wrap;
+  }
+  .bd-notice-body p:first-child {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 769px), print {
+  .bd-notice-body p:first-child {
+    margin-right: 1em;
+  }
+}
+
 .bd-patreon-button {
   display: inline-block;
   position: relative;

docs/index.html

@@ -4,6 +4,7 @@ route: index
 fixed_navbar: true
 ---
 
+{% include global/notice.html %}
 {% include global/navbar.html id="Index" %}
 {% include index/intro.html %}
 {% include index/sponsor.html %}