Add npm badge

This commit is contained in:
Jeremy Thomas 2018-04-10 15:56:31 +01:00
parent cbf8c62dde
commit 3dd3784186
4 changed files with 17 additions and 10 deletions

View File

@ -5,12 +5,12 @@
<div class="intro-column is-content">
<div class="intro-content">
<h1 class="title intro-title">
<strong>Bulma</strong> is a free and open source <strong>CSS</strong> framework based on <strong>Flexbox</strong>.
<strong>Bulma</strong> is an open source CSS framework based on <strong>Flexbox</strong> and used by more than <strong>100,000</strong> developers.
</h1>
<div id="ghbtns" class="intro-ghbtns">
<iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=fork&count=false&size=large" frameborder="0" scrolling="0" width="80px" height="30px"></iframe>
<img src="https://img.shields.io/npm/dm/bulma.svg">
</div>
{% assign npmInstall = 'npm install bulma' %}

View File

@ -6,17 +6,17 @@
<header class="bd-index-header">
<h3 class="title is-3">
<a href="{{ docs_url }}">
Get started
And <strong>much more!</strong>
</a>
</h3>
</header>
<div class="hero-buttons">
<a class="button is-link is-large" href="{{ docs_url }}">
<a class="button is-primary is-large" href="{{ docs_url }}">
<span class="icon">
<i class="fas fa-book"></i>
</span>
<span>Read the <strong>docs</strong></span>
<span>Get <strong>started</strong></span>
</a>
<a class="button is-black is-large" href="{{ site.data.meta.github }}" target="_blank">
<span class="icon">

View File

@ -190,8 +190,10 @@
.intro-ghbtns
height: 30px
// margin-bottom: 24px
margin-bottom: 46px
margin-bottom: 26px
iframe,
img
height: 30px
.intro-npm
background: $black-ter
@ -312,7 +314,7 @@
.intro-author
color: $text-light
font-size: $size-small
margin-top: 1rem
margin-top: 40px
text-align: center
a
color: $text-strong

View File

@ -10362,7 +10362,12 @@ svg {
.intro-ghbtns {
height: 30px;
margin-bottom: 46px;
margin-bottom: 26px;
}
.intro-ghbtns iframe,
.intro-ghbtns img {
height: 30px;
}
.intro-npm {
@ -10517,7 +10522,7 @@ svg {
.intro-author {
color: #7a7a7a;
font-size: 0.75rem;
margin-top: 1rem;
margin-top: 40px;
text-align: center;
}