Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix #3461

Browse Source
This commit is contained in:
Jeremy Thomas
2022-01-16 00:00:43 +00:00
parent 5aa114d445
commit 6b70094da8
24 changed files with 542 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
docs/brand.html Normal file
View File

@@ -0,0 +1,109 @@
---
title: "Brand assets of Bulma"
layout: default
route: brand
breadcrumb:
- home
- brand
---
{% include global/navbar.html id="Brand" %}
{%
include components/hero.html
color="primary"
icon="fas fa-copyright"
title="The Bulma **Brand**"
subtitle="Download the official Bulma logo"
%}
<div class="bd-brand">
<div class="bd-logos">
<p class="bd-logos-label title is-5">
Color
</p>
<div class="bd-logos-color has-background-primary"></div>
<div class="bd-logos-codes">
<div class="bd-logos-code">
<p>Hex</p>
<p><strong>#00D1B2</strong></p>
<button class="bd-clipboard button is-primary is-small is-light" data-clipboard-text="#00D1B2">Copy</button>
</div>
<div class="bd-logos-code">
<p>RGB</p>
<p><strong>rgb(0, 209, 178)</strong></p>
<button class="bd-clipboard button is-primary is-small is-light" data-clipboard-text="rgb(0, 209, 178)">Copy</button>
</div>
<div class="bd-logos-code">
<p>HSL</p>
<p><strong>hsl(171, 100%, 41%)</strong></p>
<button class="bd-clipboard button is-primary is-small is-light" data-clipboard-text="hsl(171, 100%, 41%)">Copy</button>
</div>
</div>
<p class="bd-logos-label title is-5">
Icon
</p>
{%
include components/logos-item.html
asset="Bulma Icon"
%}
{%
include components/logos-item.html
unsplash="fxvpCFZgTe4"
asset="Bulma Icon Black"
%}
{%
include components/logos-item.html
unsplash="4TKFpJPnyU8"
asset="Bulma Icon White"
%}
<p class="bd-logos-label title is-5">
Wordmark
</p>
{%
include components/logos-item.html
asset="Bulma Wordmark"
%}
{%
include components/logos-item.html
unsplash="KjWMGF0PYuE"
asset="Bulma Wordmark"
%}
{%
include components/logos-item.html
unsplash="qsnfSvCdec4"
asset="Bulma Wordmark White"
%}
<p class="bd-logos-label title is-5">
Logo
</p>
{%
include components/logos-item.html
asset="Bulma Logo"
%}
{%
include components/logos-item.html
unsplash="8tA3ZSY9Iic"
asset="Bulma Logo Black"
%}
{%
include components/logos-item.html
unsplash="RMypptC8-B0"
asset="Bulma Logo White"
%}
</div>
</div>