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

(6 intermediate revisions by the same user not shown)

Line 40:

* [[MediaWiki:Citizen-footer-tagline]]

Design-tokens notes:

--background-color-warning-subtle

Bates' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]]

Mainly to emphasize table headers

</div>

--background-color-base

Use to return to base color when parent element has another color.

</div>

--background-color-neutral

</div>

--background-color-destructive-subtle

</div>

--background-color-error

</div>

--color-error

</div>

--color-warning

</div>

--color-content-added

</div>

--color-inverted-fixed

</div>

--color-base

</div>

--font-size-small

</div>

--font-size-medium

</div>

--font-size-large

</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]

== Flex box ==

<pre>

</div>

</pre>

== Wiki mark-up ==

Line 87:

Line 149:

:; Page name and Anchor : Using a Page name and an Anchor gets to a specific location within a page.

:: Using an Anchor only, leads to a specific location within the page.

<code><nowiki>[[combat ~~sites~~#Expeditions]]</nowiki></code> gives [[combat ~~sites~~#Expeditions]]<br>

<code><nowiki>[[combat site#Expeditions]]</nowiki></code> gives [[combat site#Expeditions]]<br>

The existence of the page is still checked, but the existence of the anchor is not.<br>

Note: If a non existing anchor is used the link goes to the top of the page.<br>

<code><nowiki>[[combat ~~sites~~#no exist]]</nowiki></code> gives [[combat ~~sites~~#no exist]], leading to the top of the combat ~~sites~~ page

<code><nowiki>[[combat site#no exist]]</nowiki></code> gives [[combat site#no exist]], leading to the top of the combat site page

<code><nowiki>[[#Signatures]]</nowiki></code> gives [[#Signatures]] leading to the Signatures heading on this page.

Line 100:

Line 162:

The use of label is particularly useful when namespaces or anchors are used. To increase readability.<br>

<code><nowiki>[[User:Evon R'al|Evon R'al]]</nowiki>'s user page</code> gives [[User:Evon R'al|Evon R'al]]'s user page<br>

<code>A link to <nowiki>[[combat ~~sites~~#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat ~~sites~~#Expeditions|Expeditions]]".

<code>A link to <nowiki>[[combat site#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat site#Expeditions|Expeditions]]".

{{Note|While not particularly useful the link end trick will work.}}

@@ Line 40: / Line 40: @@
 * [[MediaWiki:Citizen-footer-tagline]]
+Design-tokens notes:
+<div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
+<div style="background-color: var(--background-color-warning-subtle);">
+--background-color-warning-subtle
-Bates' message about design-tokens [[https://discord.com/channels/301496390066896896/706641916460007434/1371844304263315558 Discord]]
+Mainly to emphasize table headers
+</div>
+<div style="background-color: var(--background-color-base); max-width: 15em;">
+--background-color-base
+Use to return to base color when parent element has another color.
+</div>
+<div style="background-color: var(--background-color-neutral);">
+--background-color-neutral
+</div>
+<div style="background-color: var(--background-color-destructive-subtle);">
+--background-color-destructive-subtle
+</div>
+<div style="background-color: var(--background-color-error);">
+--background-color-error
+</div>
+</div>
+<div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
+<div style="color: var(--color-error);">
+--color-error
+</div>
+<div style="color: var(--color-warning);">
+--color-warning
+</div>
+<div style="color: var(--color-content-added);">
+--color-content-added
+</div>
+<div style="background-color: var(--background-color-neutral);color: var(--color-inverted-fixed);">
+--color-inverted-fixed
+</div>
+<div style="color: var(--color-base);">
+--color-base
+</div>
+</div>
+<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]
+== Flex box ==
+<pre>
+<div style="display : flex; flex-wrap: wrap; gap: 1.5em;">
+<div> </div>
+<div> </div>
+</div>
+</pre>
 == Wiki mark-up ==
@@ Line 87: / Line 149: @@
 :; Page name and Anchor : Using a Page name and an Anchor gets to a specific location within a page.
 :: Using an Anchor only, leads to a specific location within the page.
-<code><nowiki>[[combat sites#Expeditions]]</nowiki></code> gives [[combat sites#Expeditions]]<br>
+<code><nowiki>[[combat site#Expeditions]]</nowiki></code> gives [[combat site#Expeditions]]<br>
 The existence of the page is still checked, but the existence of the anchor is not.<br>
 Note: If a non existing anchor is used the link goes to the top of the page.<br>
-<code><nowiki>[[combat sites#no exist]]</nowiki></code> gives [[combat sites#no exist]], leading to the top of the combat sites page
+<code><nowiki>[[combat site#no exist]]</nowiki></code> gives [[combat site#no exist]], leading to the top of the combat site page
 <code><nowiki>[[#Signatures]]</nowiki></code> gives [[#Signatures]] leading to the Signatures heading on this page.
@@ Line 100: / Line 162: @@
 The use of label is particularly useful when namespaces or anchors are used. To increase readability.<br>
 <code><nowiki>[[User:Evon R'al|Evon R'al]]</nowiki>'s user page</code> gives [[User:Evon R'al|Evon R'al]]'s user page<br>
-<code>A link to <nowiki>[[combat sites#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat sites#Expeditions|Expeditions]]".
+<code>A link to <nowiki>[[combat site#Expeditions|Expeditions]]</nowiki></code> gives "A link to [[combat site#Expeditions|Expeditions]]".
 {{Note|While not particularly useful the link end trick will work.}}