Update initial variables

This commit is contained in:
Daniel Bayerlein
2016-10-03 10:37:46 +02:00
parent e9a0e61cac
commit 69b018996b

View File

@@ -68,43 +68,43 @@ doc-subtab: variables
<tr> <tr>
<td><code>$black</code></td> <td><code>$black</code></td>
<td> <td>
<span class="color" style="background-color: #111;"></span> <span class="color" style="background-color: #0a0a0a;"></span>
#111 #0a0a0a
</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: #222324;"></span> <span class="color" style="background-color: #363636;"></span>
#222324 #363636
</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: #69707a;"></span> <span class="color" style="background-color: #4a4a4a;"></span>
#69707a #4a4a4a
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$grey</code></td> <td><code>$grey</code></td>
<td> <td>
<span class="color" style="background-color: #aeb1b5;"></span> <span class="color" style="background-color: #7a7a7a;"></span>
#aeb1b5 #7a7a7a
</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: #d3d6db;"></span> <span class="color" style="background-color: #b5b5b5;"></span>
#d3d6db #b5b5b5
</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: #f5f7fa;"></span> <span class="color" style="background-color: #dbdbdb;"></span>
#f5f7fa #dbdbdb
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -117,57 +117,57 @@ doc-subtab: variables
<tr> <tr>
<td><code>$blue</code></td> <td><code>$blue</code></td>
<td> <td>
<span class="color" style="background-color: #42afe3;"></span> <span class="color" style="background-color: #3273dc;"></span>
#42afe3 #3273dc
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$green</code></td> <td><code>$green</code></td>
<td> <td>
<span class="color" style="background-color: #97cd76;"></span> <span class="color" style="background-color: #23d160;"></span>
#97cd76 #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: #f68b39;"></span> <span class="color" style="background-color: #ff470f;"></span>
#f68b39 #ff470f
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$purple</code></td> <td><code>$purple</code></td>
<td> <td>
<span class="color" style="background-color: #847bb9;"></span> <span class="color" style="background-color: #b86bff;"></span>
#847bb9 #b86bff
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$red</code></td> <td><code>$red</code></td>
<td> <td>
<span class="color" style="background-color: #ed6c63;"></span> <span class="color" style="background-color: #ff3860;"></span>
#ed6c63 #ff3860
</td> </td>
</tr> </tr>
<tr> <tr>
<td><code>$turquoise</code></td> <td><code>$turquoise</code></td>
<td> <td>
<span class="color" style="background-color: #1fc8db;"></span> <span class="color" style="background-color: #00d1b2;"></span>
#1fc8db #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: #fce473;"></span> <span class="color" style="background-color: #ffdd57;"></span>
#fce473 #ffdd57
</td> </td>
</tr> </tr>
<tr><th colspan="2">Typography</th></tr> <tr><th colspan="2">Typography</th></tr>
<tr><td><code>$family-sans-serif</code></td><td>"Helvetica Neue", "Helvetica", "Arial", sans-serif</td></tr> <tr><td><code>$family-sans-serif</code></td><td>-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif</td></tr>
<tr><td><code>$family-monospace</code></td><td>"Source Code Pro", "Monaco", "Inconsolata", monospace</td></tr> <tr><td><code>$family-monospace</code></td><td>"Inconsolata", "Consolas", "Monaco", monospace</td></tr>
<tr><td><code>$size-1</code></td><td>48px</td></tr> <tr><td><code>$size-1</code></td><td>48px</td></tr>
<tr><td><code>$size-2</code></td><td>40px</td></tr> <tr><td><code>$size-2</code></td><td>40px</td></tr>