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

Update variables page

Browse Source
This commit is contained in:
Jeremy Thomas
2017-01-15 21:26:24 +00:00
parent 81d7b242d8
commit 18bf334dcd
1 changed files with 83 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
docs/documentation/overview/variables.html
View File

@@ -67,99 +67,127 @@ doc-subtab: variables
<tr> <tr>
<td><code>$black</code></td> <td><code>$black</code></td>
<td> <td>
<span class="color" style="background-color: #0a0a0a;"></span> <span class="color" style="background: hsl(0, 0%, 4%);"></span>
#0a0a0a hsl(0, 0%, 4%)
</td>
</tr>
<tr>
<td><code>$black-bis</code></td>
<td>
<span class="color" style="background: hsl(0, 0%, 7%);"></span>
hsl(0, 0%, 7%)
</td>
</tr>
<tr>
<td><code>$black-ter</code></td>
<td>
<span class="color" style="background: hsl(0, 0%, 14%);"></span>
hsl(0, 0%, 14%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey-darker</code></td> <td><code>$grey-darker</code></td>
<td> <td>
<span class="color" style="background-color: #363636;"></span> <span class="color" style="background: hsl(0, 0%, 21%);"></span>
#363636 hsl(0, 0%, 21%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey-dark</code></td> <td><code>$grey-dark</code></td>
<td> <td>
<span class="color" style="background-color: #4a4a4a;"></span> <span class="color" style="background: hsl(0, 0%, 29%);"></span>
#4a4a4a hsl(0, 0%, 29%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey</code></td> <td><code>$grey</code></td>
<td> <td>
<span class="color" style="background-color: #7a7a7a;"></span> <span class="color" style="background: hsl(0, 0%, 48%);"></span>
#7a7a7a hsl(0, 0%, 48%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey-light</code></td> <td><code>$grey-light</code></td>
<td> <td>
<span class="color" style="background-color: #b5b5b5;"></span> <span class="color" style="background: hsl(0, 0%, 71%);"></span>
#b5b5b5 hsl(0, 0%, 71%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey-lighter</code></td> <td><code>$grey-lighter</code></td>
<td> <td>
<span class="color" style="background-color: #dbdbdb;"></span> <span class="color" style="background: hsl(0, 0%, 86%);"></span>
#dbdbdb hsl(0, 0%, 86%)
</td>
</tr>
<tr>
<td><code>$white-ter</code></td>
<td>
<span class="color" style="background: hsl(0, 0%, 96%);"></span>
hsl(0, 0%, 96%)
</td>
</tr>
<tr>
<td><code>$white-bis</code></td>
<td>
<span class="color" style="background: hsl(0, 0%, 98%);"></span>
hsl(0, 0%, 98%)
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$white</code></td> <td><code>$white</code></td>
<td> <td>
<span class="color" style="background-color: #fff;"></span> <span class="color" style="background: hsl(0, 0%, 100%);"></span>
#fff hsl(0, 0%, 100%)
</td>
</tr>
<tr>
<td><code>$blue</code></td>
<td>
<span class="color" style="background-color: #3273dc;"></span>
#3273dc
</td>
</tr>
<tr>
<td><code>$green</code></td>
<td>
<span class="color" style="background-color: #23d160;"></span>
#23d160
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$orange</code></td> <td><code>$orange</code></td>
<td> <td>
<span class="color" style="background-color: #ff470f;"></span> <span class="color" style="background: hsl(14, 100%, 53%);"></span>
#ff470f hsl(14, 100%, 53%)
</td>
</tr>
<tr>
<td><code>$purple</code></td>
<td>
<span class="color" style="background-color: #b86bff;"></span>
#b86bff
</td>
</tr>
<tr>
<td><code>$red</code></td>
<td>
<span class="color" style="background-color: #ff3860;"></span>
#ff3860
</td>
</tr>
<tr>
<td><code>$turquoise</code></td>
<td>
<span class="color" style="background-color: #00d1b2;"></span>
#00d1b2
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$yellow</code></td> <td><code>$yellow</code></td>
<td> <td>
<span class="color" style="background-color: #ffdd57;"></span> <span class="color" style="background: hsl(48, 100%, 67%);"></span>
#ffdd57 hsl(48, 100%, 67%)
</td>
</tr>
<tr>
<td><code>$green</code></td>
<td>
<span class="color" style="background: hsl(141, 71%, 48%);"></span>
hsl(141, 71%, 48%)
</td>
</tr>
<tr>
<td><code>$turquoise</code></td>
<td>
<span class="color" style="background: hsl(171, 100%, 41%);"></span>
hsl(171, 100%, 41%)
</td>
</tr>
<tr>
<td><code>$blue</code></td>
<td>
<span class="color" style="background: hsl(217, 71%, 53%);"></span>
hsl(217, 71%, 53%)
</td>
</tr>
<tr>
<td><code>$purple</code></td>
<td>
<span class="color" style="background: hsl(271, 100%, 71%);"></span>
hsl(271, 100%, 71%)
</td>
</tr>
<tr>
<td><code>$red</code></td>
<td>
<span class="color" style="background: hsl(348, 100%, 61%);"></span>
hsl(348, 100%, 61%)
</td> </td>
</tr> </tr>