-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5e53c7b
commit f5be11f
Showing
19 changed files
with
160 additions
and
160 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,3 @@ | ||
| body { | ||
| color: var(--colors-text-body); | ||
| } | ||
| color: var(--color-text-body); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
26 changes: 13 additions & 13 deletions
26
src/components/tokens/border-radius-tokens/border-radius-tokens.twig
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,16 @@ | ||
| <div> | ||
| <h2 class="sb-title">Border Radius Tokens</h2> | ||
| <h2 class="sb-title">Border Radius Tokens</h2> | ||
|
|
||
| <ul class="sb-list"> | ||
| {% for radius, value in _context.radius %} | ||
| <li class="sb-list__item"> | ||
| <span class="sb-list__label">{{radius}}</span> | ||
| <span class="sb-list__value">{{value.value}}px</span> | ||
| <span class="sb-list__custom-property"> | ||
| <code class="sb-custom-property-name">var(--radius-{{radius}})</code> | ||
| </span> | ||
| <span class="sb-list__visualization" style="border-radius: {{value.value}}px; width: 75px; height: 75px; background: var(--colors-sb-visualization);"></span> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| <ul class="sb-list"> | ||
| {% for radius, value in _context.radius %} | ||
| <li class="sb-list__item"> | ||
| <span class="sb-list__label">{{radius}}</span> | ||
| <span class="sb-list__value">{{value.value}}px</span> | ||
| <span class="sb-list__custom-property"> | ||
| <code class="sb-custom-property-name">var(--radius-{{radius}})</code> | ||
| </span> | ||
| <span class="sb-list__visualization" style="border-radius: {{value.value}}px; width: 75px; height: 75px; background: var(--color-sb-visualization);"></span> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,16 @@ | ||
| <div> | ||
| <h2 class="sb-title">Border Tokens</h2> | ||
| <h2 class="sb-title">Border Tokens</h2> | ||
|
|
||
| <ul class="sb-list"> | ||
| {% for border, value in _context.border %} | ||
| <li class="sb-list__item"> | ||
| <span class="sb-list__label">{{border}}</span> | ||
| <span class="sb-list__value">{{value.value}}px</span> | ||
| <span class="sb-list__custom-property"> | ||
| <code class=" sb-custom-property-name">var(--border-{{border}})</code> | ||
| </span> | ||
| <span class="sb-list__visualization" style="height: {{value.value}}px; background-color: var(--colors-sb-visualization); width: 300px;"></span> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| <ul class="sb-list"> | ||
| {% for border, value in _context.border %} | ||
| <li class="sb-list__item"> | ||
| <span class="sb-list__label">{{border}}</span> | ||
| <span class="sb-list__value">{{value.value}}px</span> | ||
| <span class="sb-list__custom-property"> | ||
| <code class=" sb-custom-property-name">var(--border-{{border}})</code> | ||
| </span> | ||
| <span class="sb-list__visualization" style="height: {{value.value}}px; background-color: var(--color-sb-visualization); width: 300px;"></span> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| </div> |
Oops, something went wrong.