Skip to content
Permalink
Browse files

Add 0.7.5 notice

  • Loading branch information...
jgthms committed May 28, 2019
1 parent ff17a85 commit 01a1321e12a0cae265a5fa918c7ec5e77f74a879
Showing with 104 additions and 3 deletions.
  1. +3 −2 docs/_data/meta.json
  2. +14 −0 docs/_includes/global/notice.html
  3. +35 −0 docs/_sass/global.sass
  4. +50 −0 docs/css/bulma-docs.css
  5. +1 −1 docs/css/bulma-docs.min.css
  6. +1 −0 docs/index.html
@@ -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",
@@ -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>
@@ -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
@@ -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;

Large diffs are not rendered by default.

@@ -4,6 +4,7 @@
fixed_navbar: true
---

{% include global/notice.html %}
{% include global/navbar.html id="Index" %}
{% include index/intro.html %}
{% include index/sponsor.html %}

0 comments on commit 01a1321

Please sign in to comment.
You can’t perform that action at this time.