User:Evon R'al/Wiki coding notes: Difference between revisions

← Older edit Newer edit →

VisualWikitext

@@ Line 40: / Line 40: @@
 * [[MediaWiki:Citizen-footer-tagline]]
-Design-tokens used by evon:
+Design-tokens notes:
 <div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
 <div style="background-color: var(--background-color-warning-subtle);">
@@ Line 66: / Line 66: @@
 <div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
 <div style="color: var(--color-error);">
----color-error
+--color-error
 </div>
 <div style="color: var(--color-warning);">
----color-warning
+--color-warning
 </div>
 <div style="color: var(--color-content-added);">
----color-content added
+--color-content added
 </div>
 <div style="background-color: var(--background-color-neutral);color: var(--color-inverted-fixed);">
----color-inverted-fixed
+--color-inverted-fixed
 </div>
 </div>
-Bates' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]]
+<div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
+<div style="font-size: var(--font-size-small);">
+--font-size-small
+</div>
+<div style="font-size: var(--font-size-medium);">
+--font-size-medium
+</div>
+<div style="color: var(--font-size-large);">
+--font-size-large
+</div>
+</div>
+[[User:Bates Larsson|Bates]]' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]]
 Elmara Olth-Semah link to codex [https://discord.com/channels/301496390066896896/706641916460007434/1372274609335832687 Discord] (design-tokens). Direct [https://doc.wikimedia.org/codex/latest/design-tokens/color.html codex]