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-column is-content">
<div class="intro-content"> <div class="intro-content">
<h1 class="title intro-title"> <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> </h1>
<div id="ghbtns" class="intro-ghbtns"> <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=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> </div>
{% assign npmInstall = 'npm install bulma' %} {% assign npmInstall = 'npm install bulma' %}

View File

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

View File

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

View File

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