Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add link

Browse Source
This commit is contained in:
Jeremy Thomas
2022-01-16 00:21:15 +00:00
parent 6b70094da8
commit b6b5e45ea0
5 changed files with 46 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
docs/brand.html
View File

@@ -12,37 +12,13 @@ breadcrumb:
{%
include components/hero.html
color="primary"
icon="fas fa-copyright"
icon="fas fa-medal"
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>
@@ -105,5 +81,29 @@ breadcrumb:
unsplash="RMypptC8-B0"
asset="Bulma Logo White"
%}
<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>
</div>
</div>