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

Add link changelog

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-10 09:54:53 +01:00
parent be140a90d8
commit 53b7afbea7
9 changed files with 100 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,6 +36,8 @@ initial_colors:
value: hsl(171, 100%, 41%)
- name: $cyan
value: hsl(204, 86%, 53%)
- name: $cyan
value: hsl(204, 86%, 53%)
- name: $blue
value: hsl(217, 71%, 53%)
- name: $purple
@@ -96,6 +98,8 @@ initial_variables:
derived_variables:
- name: $primary
value: $turquoise
- name: $link
value: $blue
- name: $info
value: $cyan
- name: $success
@@ -246,7 +250,7 @@ generic_variables:
<ul>
<li><strong>colors</strong>: <code>$blue: hsl(217, 71%, 53%)</code></li>
<li><strong>font sizes</strong>: <code>$size-1: 3rem</code></li>
<li><strong>dimensions</strong>: <code>$gap: 24px</code></li>
<li><strong>dimensions</strong>: <code>$gap: 32px</code></li>
<li><strong>other values</strong>: <code>$easing: ease-out</code> or <code>$radius-large: 5px</code></li>
</ul>
</li>
@@ -257,7 +261,8 @@ generic_variables:
<strong>Primary colors</strong> derived from the initial variables:
<ul>
<li><code>$primary: $turquoise</code></li>
<li><code>$info: $blue</code></li>
<li><code>$link: $blue</code></li>
<li><code>$info: $cyan</code></li>
<li><code>$success: $green</code></li>
<li><code>$warning: $yellow</code></li>
<li><code>$danger: $red</code></li>
@@ -271,7 +276,7 @@ generic_variables:
<li>
<strong>Lists and maps</strong> which are collections so already defined variables:
<ul>
<li><code>$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))</code></li>
<li><code>$colors: ("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert))</code></li>
<li><code>$shades: ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis)</code></li>
<li><code>$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6</code></li>
</ul>