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

Add bd classes

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-14 12:44:24 +01:00
parent 88fb510d93
commit cd2f886df2
66 changed files with 1184 additions and 2456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
docs/documentation/overview/functions.html
View File

@@ -46,14 +46,14 @@ doc-subtab: functions
<tbody>
<tr>
<td>
<span class="color" style="background: #00d1b2;"></span>
<span class="bd-color" style="background: #00d1b2;"></span>
<code>#00d1b2</code>
</td>
<td>
<code>0.52831</code>
</td>
<td>
<span class="color" style="background: #fff;"></span>
<span class="bd-color" style="background: #fff;"></span>
<code>#fff</code>
</td>
<td>
@@ -64,14 +64,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #3273dc;"></span>
<span class="bd-color" style="background: #3273dc;"></span>
<code>#3273dc</code>
</td>
<td>
<code>0.23119</code>
</td>
<td>
<span class="color" style="background: #fff;"></span>
<span class="bd-color" style="background: #fff;"></span>
<code>#fff</code>
</td>
<td>
@@ -82,14 +82,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #23d160;"></span>
<span class="bd-color" style="background: #23d160;"></span>
<code>#23d160</code>
</td>
<td>
<code>0.51067</code>
</td>
<td>
<span class="color" style="background: #fff;"></span>
<span class="bd-color" style="background: #fff;"></span>
<code>#fff</code>
</td>
<td>
@@ -100,14 +100,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #ffdd57;"></span>
<span class="bd-color" style="background: #ffdd57;"></span>
<code>#ffdd57</code>
</td>
<td>
<code>0.76863</code>
</td>
<td>
<span class="color" style="background: rgba(0, 0, 0, 0.7);"></span>
<span class="bd-color" style="background: rgba(0, 0, 0, 0.7);"></span>
<code>rgba(0, 0, 0, 0.7)</code>
</td>
<td>
@@ -118,14 +118,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #ff3860;"></span>
<span class="bd-color" style="background: #ff3860;"></span>
<code>#ff3860</code>
</td>
<td>
<code>0.27313</code>
</td>
<td>
<span class="color" style="background: #fff;"></span>
<span class="bd-color" style="background: #fff;"></span>
<code>#fff</code>
</td>
<td>
@@ -136,14 +136,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #ffb3b3;"></span>
<span class="bd-color" style="background: #ffb3b3;"></span>
<code>#ffb3b3</code>
</td>
<td>
<code>0.61796</code>
</td>
<td>
<span class="color" style="background: rgba(0,0,0,0.7);"></span>
<span class="bd-color" style="background: rgba(0,0,0,0.7);"></span>
<code>rgba(0,0,0,0.7)</code>
</td>
<td>
@@ -154,14 +154,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: #ffbc6b;"></span>
<span class="bd-color" style="background: #ffbc6b;"></span>
<code>#ffbc6b</code>
</td>
<td>
<code>0.63053</code>
</td>
<td>
<span class="color" style="background: rgba(0,0,0,0.7);"></span>
<span class="bd-color" style="background: rgba(0,0,0,0.7);"></span>
<code>rgba(0,0,0,0.7)</code>
</td>
<td>
@@ -172,14 +172,14 @@ doc-subtab: functions
</tr>
<tr>
<td>
<span class="color" style="background: hsl(294, 71%, 79%);"></span>
<span class="bd-color" style="background: hsl(294, 71%, 79%);"></span>
<code>hsl(294, 71%, 79%)</code>
</td>
<td>
<code>0.5529</code>
</td>
<td>
<span class="color" style="background: rgba(0,0,0,0.7);"></span>
<span class="bd-color" style="background: rgba(0,0,0,0.7);"></span>
<code>rgba(0,0,0,0.7)</code>
</td>
<td>
@@ -193,7 +193,7 @@ doc-subtab: functions
<p>
For colors that have a luminance close to the <code>0.55</code> threshold, it can be useful to <strong>override</strong> the <code>findColorInvert()</code> function, and rather set the invert color <strong>manually.</strong>
<br>
For example, this shade of <span class="color" style="background: hsl(294, 71%, 79%); float: none; height: 16px; width: 16px; margin-right: 0; vertical-align: middle;"></span> purple has a color luminance of <code>0.5529</code>. It can be preferable to set a color invert of white instead of transparent black:
For example, this shade of <span class="bd-color" style="background: hsl(294, 71%, 79%); float: none; height: 16px; width: 16px; margin-right: 0; vertical-align: middle;"></span> purple has a color luminance of <code>0.5529</code>. It can be preferable to set a color invert of white instead of transparent black:
</p>
<table class="table is-bordered">
<tbody>
@@ -205,7 +205,7 @@ doc-subtab: functions
<code>$purple-invert: findColorInvert($purple)</code>
</td>
<td>
<span class="color" style="background: rgba(0,0,0,0.7);"></span>
<span class="bd-color" style="background: rgba(0,0,0,0.7);"></span>
<code>rgba(0,0,0,0.7)</code>
</td>
<td>
@@ -222,7 +222,7 @@ doc-subtab: functions
<code>$purple-invert: #fff</code>
</td>
<td>
<span class="color" style="background: #fff;"></span>
<span class="bd-color" style="background: #fff;"></span>
<code>#fff</code>
</td>
<td>