From 5e1dca63bab83f7ccdae898f167e194f20db9654 Mon Sep 17 00:00:00 2001 From: Christian Muehlhaeuser Date: Fri, 13 Dec 2019 21:15:31 +0100 Subject: [PATCH] Update style documentation and examples --- styles/README.md | 142 ++++++++++++++++++++++++++---- styles/examples/block_quote.md | 2 + styles/examples/block_quote.png | Bin 0 -> 1934 bytes styles/examples/block_quote.style | 6 ++ styles/examples/code.png | Bin 1416 -> 1416 bytes styles/examples/code_block.png | Bin 1502 -> 1502 bytes styles/examples/emph.png | Bin 1261 -> 1261 bytes styles/examples/enumeration.png | Bin 1830 -> 1830 bytes styles/examples/heading.png | Bin 1448 -> 1792 bytes styles/examples/heading.style | 12 ++- styles/examples/hr.png | Bin 357 -> 340 bytes styles/examples/image.png | Bin 3012 -> 3012 bytes styles/examples/link.png | Bin 2371 -> 2371 bytes styles/examples/list.md | 1 + styles/examples/list.png | Bin 1626 -> 2390 bytes styles/examples/list.style | 3 +- styles/examples/strong.png | Bin 980 -> 980 bytes styles/examples/table.png | Bin 1667 -> 1667 bytes styles/examples/task.md | 2 + styles/examples/task.png | Bin 0 -> 2248 bytes styles/examples/task.style | 11 +++ 21 files changed, 159 insertions(+), 20 deletions(-) create mode 100644 styles/examples/block_quote.md create mode 100644 styles/examples/block_quote.png create mode 100644 styles/examples/block_quote.style create mode 100644 styles/examples/task.md create mode 100644 styles/examples/task.png create mode 100644 styles/examples/task.style diff --git a/styles/README.md b/styles/README.md index 3fbfafa..1c87889 100644 --- a/styles/README.md +++ b/styles/README.md @@ -10,6 +10,8 @@ The `document` element represents the markdown's body. | ---------------- | ------ | ----------------------------------------------------- | | prefix | string | Printed before the first element during rendering | | suffix | string | Printed after the last element during rendering | +| styled_prefix | string | Printed before the first element during rendering | +| styled_suffix | string | Printed after the last element during rendering | | indent | number | Specifies the indentation of the document | | margin | number | Specifies the margin around the document | | color | color | Defines the default text color for the document | @@ -38,6 +40,8 @@ The `paragraph` element represents a paragraph in the document. | ---------------- | ------ | --------------------------------------------------- | | prefix | string | Printed before the first element in a paragraph | | suffix | string | Printed after the last element in a paragraph | +| styled_prefix | string | Printed before the first element in a paragraph | +| styled_suffix | string | Printed after the last element in a paragraph | | indent | number | Specifies the indentation of paragraphs | | margin | number | Specifies the margin around paragraphs | | color | color | Defines the default text color for paragraphs | @@ -71,6 +75,8 @@ from the `heading` element. | ---------------- | ------ | ------------------------------------------------- | | prefix | string | Printed before a heading | | suffix | string | Printed after a heading | +| styled_prefix | string | Printed before a heading | +| styled_suffix | string | Printed after a heading | | indent | number | Specifies the indentation of headings | | margin | number | Specifies the margin around headings | | color | color | Defines the default text color for headings | @@ -101,20 +107,23 @@ Style: ``` "heading": { - "prefix": "\n", - "margin": 4, "color": "15", "background_color": "57" }, "h1": { - "prefix": "\n=> ", - "suffix": " <=", + "styled_prefix": "=> ", + "styled_suffix": " <=", "margin": 2, "bold": true, "background_color": "69" }, "h2": { - "prefix": "\n# " + "styled_prefix": "## ", + "margin": 4 +}, +"h3": { + "styled_prefix": "### ", + "margin": 6 } ``` @@ -122,6 +131,38 @@ Output: ![Heading Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/heading.png) +## block_quote + +The `block_quote` element represents a quote. + +### Attributes + +| Attribute | Value | Description | +| ---------------- | ------ | ----------------------------------------------- | +| prefix | string | Printed before a quote | +| suffix | string | Printed after a quote | +| styled_prefix | string | Printed before a quote | +| styled_suffix | string | Printed after a quote | +| indent | number | Specifies the indentation of quotes | +| margin | number | Specifies the margin around quotes | +| color | color | Defines the default text color for quotes | +| background_color | color | Defines the default background color for quotes | + +### Example + +Style: + +``` +"block_quote": { + "margin": 4, + "color": "200" +} +``` + +Output: + +![Block Quote Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/block_quote.png) + ## text The `text` element represents a block of text. @@ -132,6 +173,8 @@ The `text` element represents a block of text. | ---------------- | ------ | ----------------------------------------------------- | | prefix | string | Printed before a text gets printed | | suffix | string | Printed after a text got printed | +| styled_prefix | string | Printed before a text gets printed | +| styled_suffix | string | Printed after a text got printed | | color | color | Defines the default text color for the document | | background_color | color | Defines the default background color for the document | | bold | bool | Increases text intensity | @@ -166,10 +209,13 @@ The `list` element represents a list in the document. | ---------------- | ------ | ---------------------------------------------- | | prefix | string | Printed before a list | | suffix | string | Printed after a list | +| styled_prefix | string | Printed before a list | +| styled_suffix | string | Printed after a list | | indent | number | Specifies the indentation of lists | | margin | number | Specifies the margin around lists | | color | color | Defines the default text color for lists | | background_color | color | Defines the default background color for lists | +| level_indent | number | Specifies the indentation for nested lists | ### Example @@ -178,6 +224,7 @@ Markdown: ``` - First Item - Nested List Item +- Second Item ``` Style: @@ -186,7 +233,8 @@ Style: "list": { "margin": 4, "color": "15", - "background_color": "52" + "background_color": "52", + "level_indent": 4 } ``` @@ -200,6 +248,8 @@ The `item` element represents an item in lists. | ---------------- | ------ | ---------------------------------------------- | | prefix | string | Printed before an item | | suffix | string | Printed after an item | +| styled_prefix | string | Printed before an item | +| styled_suffix | string | Printed after an item | | color | color | Defines the default text color for items | | background_color | color | Defines the default background color for items | | bold | bool | Increases text intensity | @@ -236,6 +286,8 @@ The `enumeration` element represents an item in ordered lists. | ---------------- | ------ | ---------------------------------------------- | | prefix | string | Printed before an item | | suffix | string | Printed after an item | +| styled_prefix | string | Printed before an item | +| styled_suffix | string | Printed after an item | | color | color | Defines the default text color for items | | background_color | color | Defines the default background color for items | | bold | bool | Increases text intensity | @@ -269,6 +321,54 @@ Output: ![Enumeration Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/enumeration.png) +## task + +The `task` element represents a task item. + +### Attributes + +| Attribute | Value | Description | +| ---------------- | ------ | ---------------------------------------------- | +| prefix | string | Printed before an item | +| suffix | string | Printed after an item | +| styled_prefix | string | Printed before an item | +| styled_suffix | string | Printed after an item | +| color | color | Defines the default text color for items | +| background_color | color | Defines the default background color for items | +| bold | bool | Increases text intensity | +| faint | bool | Decreases text intensity | +| italic | bool | Prints the text in italic | +| crossed_out | bool | Enables strikethrough as text decoration | +| underline | bool | Enables underline as text decoration | +| overlined | bool | Enables overline as text decoration | +| blink | bool | Enables blinking text | +| conceal | bool | Conceals / hides the text | +| inverse | bool | Swaps fore- & background colors | +| ticked | string | Prefix for finished tasks | +| unticked | string | Prefix for unfinished tasks | + +### Example + +Markdown: + +``` +- [x] Finished Task +- [ ] Outstanding Task +``` + +Style: + +``` +"task": { + "ticked": "✓ ", + "unticked": "✗ " +} +``` + +Output: + +![Task Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/task.png) + ## link The `link` element represents a link. @@ -279,6 +379,8 @@ The `link` element represents a link. | ---------------- | ------ | ---------------------------------------------- | | prefix | string | Printed before the link | | suffix | string | Printed after the link | +| styled_prefix | string | Printed before the link | +| styled_suffix | string | Printed after the link | | color | color | Defines the default text color for links | | background_color | color | Defines the default background color for links | | bold | bool | Increases text intensity | @@ -324,6 +426,8 @@ The `link_text` element represents the text associated with a link. | ---------------- | ------ | ------------------------------------------------- | | prefix | string | Printed before the text | | suffix | string | Printed after the text | +| styled_prefix | string | Printed before the text | +| styled_suffix | string | Printed after the text | | color | color | Defines the default text color for the text | | background_color | color | Defines the default background color for the text | | bold | bool | Increases text intensity | @@ -357,6 +461,8 @@ The `image` element represents an image. | ---------------- | ------ | ----------------------------------------------- | | prefix | string | Printed before an image | | suffix | string | Printed after an image | +| styled_prefix | string | Printed before an image | +| styled_suffix | string | Printed after an image | | color | color | Defines the default text color for images | | background_color | color | Defines the default background color for images | | bold | bool | Increases text intensity | @@ -401,6 +507,8 @@ The `image_text` element represents the text associated with an image. | ---------------- | ------ | ------------------------------------------------- | | prefix | string | Printed before the text | | suffix | string | Printed after the text | +| styled_prefix | string | Printed before the text | +| styled_suffix | string | Printed after the text | | color | color | Defines the default text color for the text | | background_color | color | Defines the default background color for the text | | bold | bool | Increases text intensity | @@ -433,6 +541,8 @@ The `code` element represents an inline code segment. | ---------------- | ------ | ---------------------------------------------- | | prefix | string | Printed before the code | | suffix | string | Printed after the code | +| styled_prefix | string | Printed before the code | +| styled_suffix | string | Printed after the code | | color | color | Defines the default text color for codes | | background_color | color | Defines the default background color for codes | | bold | bool | Increases text intensity | @@ -466,9 +576,11 @@ The `code_block` element represents a block of code. ### Attributes | Attribute | Value | Description | -| ---------------- | ------ | ----------------------------------------------------- | +| ---------------- | ------ | --------------------------------------------------------------- | | prefix | string | Printed before a code block | | suffix | string | Printed after a code block | +| styled_prefix | string | Printed before a code block | +| styled_suffix | string | Printed after a code block | | indent | number | Specifies the indentation of code blocks | | margin | number | Specifies the margin around code blocks | | theme | string | Defines the [Chroma][chroma] theme used for syntax highlighting | @@ -503,6 +615,8 @@ The `table` element represents a table of data. | ---------------- | ------ | ----------------------------------------------- | | prefix | string | Printed before a table | | suffix | string | Printed after a table | +| styled_prefix | string | Printed before a table | +| styled_suffix | string | Printed after a table | | indent | number | Specifies the indentation of tables | | margin | number | Specifies the margin around tables | | color | color | Defines the default text color for tables | @@ -541,6 +655,8 @@ The `emph` element represents an emphasized text. | ---------------- | ------ | ------------------------------------------------- | | prefix | string | Printed before the text | | suffix | string | Printed after the text | +| styled_prefix | string | Printed before the text | +| styled_suffix | string | Printed after the text | | color | color | Defines the default text color for the text | | background_color | color | Defines the default background color for the text | | bold | bool | Increases text intensity | @@ -583,6 +699,8 @@ The `strong` element represents important text. | ---------------- | ------ | ------------------------------------------------- | | prefix | string | Printed before the text | | suffix | string | Printed after the text | +| styled_prefix | string | Printed before the text | +| styled_suffix | string | Printed after the text | | color | color | Defines the default text color for the text | | background_color | color | Defines the default background color for the text | | bold | bool | Increases text intensity | @@ -625,6 +743,8 @@ The `hr` element represents a horizontal rule. | ---------------- | ------ | ------------------------------------------------------------ | | prefix | string | Printed before the horizontal rule | | suffix | string | Printed after the horizontal rule | +| styled_prefix | string | Printed before the horizontal rule | +| styled_suffix | string | Printed after the horizontal rule | | color | color | Defines the default text color for the horizontal rule | | background_color | color | Defines the default background color for the horizontal rule | | bold | bool | Increases text intensity | @@ -653,13 +773,5 @@ Style: } ``` -Output: - -![hr Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/hr.png) - -## block_quote -## del -## softbreak -## hardbreak ## html_block ## html_span diff --git a/styles/examples/block_quote.md b/styles/examples/block_quote.md new file mode 100644 index 0000000..ebcefe2 --- /dev/null +++ b/styles/examples/block_quote.md @@ -0,0 +1,2 @@ +> First line of quote +> Second line diff --git a/styles/examples/block_quote.png b/styles/examples/block_quote.png new file mode 100644 index 0000000000000000000000000000000000000000..37b45272faf5903ccb594f0dde5381540b8fbdac GIT binary patch literal 1934 zcmZ{lc{mh^AI4wzIgy!SRg!xX##qH9;~K^_?i?jIQ5rNklCqg@Qm%1~BeIiFBh(Hl zDjg^tD%(MaT142gvQO4;`t$e4{_**~&-Z=4?|<*}e2;lDoe1*k@&E|V3qDcy7|&Y2VxMDf}}DC5|HqR^E7%!aVrRJY=r-Y>?rtgao`n%f1ytX(gG9=p!qpk zwV~kxYYqIg6--6QtAQj7nXh=D3L*oWEMUR|M;*)eBhDN~O(<+c-YTe_LRvd2XfR(5 z^?5w5#NnTzO@#7M?51EXA32v$v>wJf&}arX7))tM?L+KkloTUV6D#U*Y6?Aako5z@ z30Cpg8U}A~(4ApjfQ&cj_#I`Qus?tuZ73IqxDD2yMCv-|j-c}<&icY>8$2FCppP{_ zVHp7mj@Y;qOa4ZG1rEg`@G+W}LB$=mA@FR#>0hvJ7*{1BVT%nLLFq+(3yQ07Bo$Gc zV0H_&$%t5km3t78hxE_5cNcZr5%3AOz2NWxT?&x_mhZL*ErNBj{x#SqX$dxGv&( z5<>sM6BQ`UqQ4r)dT>6>XPLC9i*gB!z}I>u`l8N z{bpxuK+7mn2@qx+(y#jH}MV{)G9y}BxY5P&Kb`{FspoSe$i zqgtJHHT)@di^PznS=w|kU+MCh$&UR}+3p>**y4e--f3HlSvo3}_oP4{%o4I8L-^JdJ_KiHa@x*(( z!E$RA`+o~tyt<-eg8T=|jrUKKkSa%1Ux-N?3;Fq-yC{k&T>;MXeC|Ni)ztas{w#~9 zayOJIj!z2>>lBiE)PftOf8XowugX8t_N1uGq-w`Y?o5a$hzUidXC5CR*iZn^zkg@BNl`qUFleTEV!gV`*rod*8*`=GpuaoiJX@vFcGpCy&Af z$467%^=s!|6;!-AlsVZpC!odICB-$$AMxPkRY#PZI$$5PXc;Uo*xbtV^{br|43_iC zN{8#dI5?^C)(58dF*WbM*1!FlGd}x1ymFPX8;_!N_elBbh58wWuOMYPjW7FzGuV;X zc8Ko)sAzo%Y`WKbG?vQ2@?#ro#oh H(1ZU2NQdh3 literal 0 HcmV?d00001 diff --git a/styles/examples/block_quote.style b/styles/examples/block_quote.style new file mode 100644 index 0000000..1093367 --- /dev/null +++ b/styles/examples/block_quote.style @@ -0,0 +1,6 @@ +{ + "block_quote": { + "margin": 4, + "color": "200" + } +} diff --git a/styles/examples/code.png b/styles/examples/code.png index ef504f108b0ee05fd4cc2a679c7d9015dedb0323..0cc3fba6aa2f81ae1752270e15028b3d642836a1 100644 GIT binary patch delta 81 zcmeC+?%>|=hlzt%gjeIkDsAu0EX+nsqK3vHMg~@f##SZ<+6D$z1_mldALmZ?W|dLI UkO|HARAc}GPgg&ebxsLQ0ATbKU;qFB delta 81 zcmeC+?%>|=hlzuoL!LPzopr04Vt8(J9{Ya19?85pR3mSLK_kX1$z VLndV1l6?$7;OXk;vd$@?2>_k&7Ayb& diff --git a/styles/examples/emph.png b/styles/examples/emph.png index d271587ef33a0d7336c7392347f48da53b6bb886..b3a8d4f28ab17e9370be95d24b025ccce3805761 100644 GIT binary patch delta 79 zcmaFM`Id9Sat>Y*Ud{Hk(swtmf5R+lXdGf>U}b1*Wn!ppU|?ln(B%3{bMgij8AS}4 T&k{~k8Gyjk)z4*}Q$iB}>2DWJ delta 79 zcmaFM`Id9Sat?M5d6on0z1$nuzhM?NFb^@XurfBZGBD9LFt9Q(co3r0GkF7xj3S22 TM9x_T3_#%N>gTe~DWM4frK}a@ diff --git a/styles/examples/enumeration.png b/styles/examples/enumeration.png index 976c346fbe70e9b44993db9ecfc0a80d73312213..87869b30c762d968b9994986d8ce946ccfd682e4 100644 GIT binary patch delta 81 zcmZ3+w~TMY7bXr~5nj#qwbFMt|6#hpENW;RVq{=tXl!L-sBK_iWnj?c`b%^2OEwur V44KaoPE#3xz|+;wWt~$(695Bd7q9>T delta 81 zcmZ3+w~TMY7bXsN4tbUX?7iHZ|1jNP7Bw&rF|e>QHncJ@(Kax!GB9`$qSQ0_C7X;Q VhRj6HSq2P1;OXk;vd$@?2>`yL7Dxa9 diff --git a/styles/examples/heading.png b/styles/examples/heading.png index 9638df6a4ee77c8286c1d231845ccc352d10f46b..189695c269c7184fc167b82fd9002680a04a4a3e 100644 GIT binary patch delta 1658 zcmZWoX*d)J039S6M;Nt3c2hdHZ4D!a&DW`@R#qz8u}!4NIaASP#!x%1N#hzvNg)!N zmJcyZG{}|Keav8uBX`Owt@f?|`{TX$eeZqm-+NhVL7HpA9PIaN5cP=!0zt#hcCX{2 z+Am_Os?s7`=;rqD*X&@AI~;PdIm5-GH8c)p9NZ$2RgMpHaEm~;7_Q-%c#li*5Il#t z2@PGiorb8VxR#8_C!lkYS%&@*@SY&}Axaz2(u?E*h#KJ=gQ`|Ec7qX%(8q|$Ls2bm zrNJ*2bsc!qjmrYG_p|Y79^QPogh4)r3p@xVpogNS4YeHzNJQ@l{1cE-inc!RbI>!0 z=MtQYK(`!WndlwH#V9m%!u<|>qH#79ubS~ziYo%JQozpzBMu>tkRig%Eaty}lZrD0 zoK=GNH*iq~T>F^Jd)=64us1Iq+cgBbV|vy;faimRK@Cc=xm zh;>4$J92O0uO@iu;*udI`r*11jBhdb9yhjvWs0ga^i<(pH;V7ziV^q@c%6x+Kfp1E ztQOIZNT#E!5=HDtq@2TtF)$3k-HDk|q`09l0$s1*vIO&Us7yh?Mm+R@ycz!M;H!_O zd|Xh+a0fD($h?HPfx9L~Ix*gd zbE=3sgqO)!_=1^t$hr&VuJ#@UpyB@sG!tL!4#lmeF>T{6pgZCp4 za!?kJ!lEr8$t!7Wz?cL>MTjNSkRi!*q`2C@W0f~C+{8=~G z^{;6Dn)bT4Pf4|sxPs*}8cRW1y^P2qP(y^FS>$lWfKId{J>D#vVfqL2gZe%CX<|b4 z=I=Q{rVjVRvy-f%8TtbQNhiqF9{FQI(#LA;8C;8rSq*i5B-MpZSy@A|=QJ+yWp^ef zae^!z4oEATiQ6V}=1r_UUF)+OU(!|D-J(41g&3&{DKyK{;z#?H&E@0*%Sah{wxXoK z??!yfeGX@noJ`)n-R^JzMJ^Hrnw14|uWc}Dp_!GhW&~-gklp1AN{V)-KW?IJTBn<3 z^n=uRt&YzDC$n33!gvvf4XcVJ>~-Qn-PGzkQ|vIdV(^` z==5_UxADSBLye#Or@DDn#jVyiK26Ci+^Jnb`ZcyGGZcz5ucz<f%Qf&gPhc)&;3>Pt{zbq<=5{Y`*(x)7IQiC@lx%%A97N! zk7H{6U8|c_(_d9~>`<2nnIzBgLxmwLogSR{dU1!+=&*y>IA2IE8XGT4H)^e4(f7^2 z}>4!=Iy2j{|BzjyTJee delta 1350 zcmZ{kSx{346oxMZNeD~Dg|aUJX@Eg*fU*Qo8bA_ci4rMAs6mpbRYXHVphB~tAT_c` zWhoYr6bDc?iAEvFqSQh_Dqz59C?i!?t*GPL_B5}3=$Sd^oB!dPIZwaHtkKx1kRB6Z zinqoi2x3a3hV9ZZShqWH7~Oq+M~E$T+9o_ok79)D^4f4Od=3Mmbb;K<^lgJb<8}ps1)QcXxLxm1=KqucxQS<#ID8-QaBYPC8(K0Yrm@5z1O+CvHk79PUf1gtK? z@Fhq!1R{}GQc}WTFji(E!x8qIKq?j<-2vHQ@bdD~Xf#DdMG`;gE`y01P`wwf7DD$~ zU^1Bl0|P7;Ye~4Yr0xNUKfHYfX%;Yc1!`C@G&E#wZQa?~DR6}u736Gzr&GYffvc-) zQc}{hXU{4tD>b*_WDqk9RW(=-HEhVv&Yql{ymA8C zL@+%)okaxQtS-PvD;zL`gKObtr4TCjKt~=dXy8^IR5O8X1g+nJ>N3=FpjiNuUC@~i zY@F`OX=8%sEWXV?gbRRF5%xG zT|X`oeU?|DDBkjIW6H#6-Q2uGAJag+5%;MHp2KvE^uvTwiT&^L7tM@|f5R8sM!KCN zXl2X|Qpp9Rp5Biv78N;dS5PlglY%G$3LznV7dP^oL~@GOD&C~(E1dR0z*^y@4B5+< z#<<1Jf0T4SA-cZ_U)b#C=}}-w-$|niw(q{mjZQnKPZ1>N=7u^a2;#g`Dim^yYfdK< zGmkSE5y8}q{a^YyX@h%md;U)AX(s+tgPJ!6DO=e~@jG}Kc_>iwTi4#ze z(&~Z1#vCFZ%YB`V}^Ns?!+KHju5)a$1**>TBS?%PUP+DlU*ytXsnCn{=qS{vUZn)3#}OjZ0izfE&3_fAaRO!A)0Kb>wpZ*1)O zDC&AEu=A&u_s-ktcmMUmJd)=SoOwP;+lOxBNe*|vimf5%=C8;z-v}SQ7w?$AySr@B|(!g~ukRa@jf{UMMNRljP-z`Y}*{vNws0`gouy8AWFq1nGZ- bv~<=%PWJx`rA9xZIsu`D$Aq;~n38`1q1ux} diff --git a/styles/examples/heading.style b/styles/examples/heading.style index 92063d4..4e21e3a 100644 --- a/styles/examples/heading.style +++ b/styles/examples/heading.style @@ -1,17 +1,21 @@ { "heading": { - "margin": 4, "color": "15", "background_color": "57" }, "h1": { - "prefix": "=> ", - "suffix": " <=", + "styled_prefix": "=> ", + "styled_suffix": " <=", "margin": 2, "bold": true, "background_color": "69" }, "h2": { - "prefix": "# " + "styled_prefix": "## ", + "margin": 4 + }, + "h3": { + "styled_prefix": "### ", + "margin": 6 } } diff --git a/styles/examples/hr.png b/styles/examples/hr.png index 4d1a6ac82b154fa93bc50fc4ebebcc95e0f31769..8045d79e91a77af22d5aa3d8d515cbe288371d84 100644 GIT binary patch delta 216 zcmaFLbcIQ=Gr-TCmrII^fq{Y7)59eQNQ(k769#|m}(msSQ!|&DcfsWpyienfo2Y7SlzUM;yLUg;Y*@8=3KG!8K`urf5ZGBMINFt9Q(*u3_^76t|e)e_f; rl9a@fRIA+ll+3hB1|tJQOI<@FT?`F}K16T;H86O(`njxgN@xNANhcl2 delta 102 zcmX>ienfo2Y7TY|dDiU=d*^Q4yq_z`z&ymj!phjt%D`0Hz`)ADz)e}xf`NfSwZt`| qBqgyV)hahXB{Qv(!N|bSQrFN(7ej-2-NY841_n=8KbLh*2~7a!G#lUm diff --git a/styles/examples/link.png b/styles/examples/link.png index 0d52abffd67a846876e11563248c6cb0b9f78d86..c1d4055e3aa4c2420eb96d9e9cefd06812fb3e2f 100644 GIT binary patch delta 102 zcmX>sbXaJ@Y7SlzUhT}qRUbEQw&MsgG!8K`urf5ZGBMURFt9Q(5WV%90SHt}Tq8sbXaJ@Y7TY|dDiU=d*^Q4Y{wB~U>;&%VP$M+WnijpU|?ln;HIo;!N9=jY>*#9v-lPfuwG3 z-^|SU_4UoLu&8u&>D=6}fPkWEYOH#C(Y3X#dwaQ$kI1K|^6KiVd3l^-V$ZU&{QLWp zQ&X~pgu0QDyONS|9UX-|J=(;?sdjd36%~(7O`c?A<<{1FEG+l(@|IXw+r`E2=H~hK z_H`p8$A6`zw~UOUYis@d{9^|P#-yZlA|mM9+sdn}!kwMv)z#du#{2mA?c?K!LLEZ-_xEue9E?XtgE~6&?(WX9vG(!t zXb%r^1J8q#f&wiF4HOM4X`_1aleYpMe+70)L_t(|+U?xyS5#FP$MG-IPzfj_3 zR8$Z{v6Mj(6#;KZGKe}TDUK&EFj|dbAxWlq3r$NSvs6@6Ohe4fK)a}Aidkl*W%qxi z7jt2TIRY(oz#(AJ_&|qB*5IbZ@91MLTe%SDY5i+*I+n#)Cq_1n7NBQ~&0f~mB(EwwT z$EJ*f@e^WFCjx1jbi;7ZIA<6pf5jRm!<4B#r)5qj>*;9$GosUFaD}&x$^UZrUQbp$d2{C_$>0ia%YP0jFD=eb*ID=(*=89J1oD&NmaTc9!WusY~;koC5e;2G^QHk?P zUo5byc(ue?bow|idNDHjr2?SDKWWX}rrZ5WU$(6~&sbZmfilf2%G7ldXVJ+Oy}I7k z2pw3adPC3#+vV~M87v`$5JCtcgb@FNRHcf}qj)21@>996c}w#%TVHEx4@h&g+^bSe zqum~HR-=0MCdB<$vCTw;e^uqe_LSyl^shIycg%OR+^bUO=eR%P_-5nTn-KSfTYYIo z)J`I-V0k0KuMh}*bC(hUXpD+(0Z^_>$Oi&<&mQ%bN}L^4sc|!-DuW<4@@<_i%rnmJ zy#?*bN>9ywN8W^Jx4^ycj&hCjdzrxzR@j$Y9-ij|`wvuAB?1Qze;qcIK(+BmqB$IT zCnYZOSBbN|Dz(r!t-7ZVR2@BLFsOV{ckiv{`1>cKrks>_A=<4bJNpCII2$xs5mo{x z)tXG^6gZ_1cAXyVi8q;!QpBixub#U3v1dk*|7IklSlk%%ZKtVM7y0y&i=?P z&SyV9ZKZ0EqA1E{e<-XhJ(t!Lz)$KGMM>vOcEP>o&bC64uE!cyg|!-Idv7(1(L^9| z7WaWqt;H?QoI7vj!l%yv=q_y1mN^5c|IBuBTXoBEhM4o8w;E@AZxUzmpjI{ve35O1 zggWP`jMDW$NqIz?IUd{uVg8@N)m1F!$uwS0i2H9HP}~1D$cM&f9J_UjqUgD;mR_ZgW7(at#gXh$&au1cKkC7t#HQHitYSammw zcdP?`Z#a>36S!hrW*!TLhZ^%LL!EJ^?;nkS4seNc@?UqfUma0MkQvY_lZE}_Rj0A-1{@(VGgLA#Ix#akG&3tOFgh?WWQS9{00000NkvXXu0mjf DQ7U?l delta 1043 zcmV+u1nm3P650%q7YZH-0{{R33zKLVks&_;8L?rR0e@o$2a{7%m|I(C3=H1N%9~(d z>D=6PBO{_}YH=MMxsZ^~v9Ys;hHx7j=h@l!^74*LOVPHrvV?^D`1thh?$Won?&Rd( z%*@20p^ZvPx{;BLM@QPk#AOKy{QCNB78bjblFzcT<<-@lS%^~e*+CkL_t(|+U?ufR}*I(#_@0B zq*b6WAR?$mt$+m=6kG_Ex=<7qMIy!;TrrLt;J&nVs}*hS)Z&i&*4BONU+6_5Ovngc zCFAk=+~iH($<6OPC+E%N35bZur^Tlc$fwRf%rJ}qz!zV-?GGQ3@H8Vc%lHZ)J4dq< z&oOh~f3NaJy6xxYCq561iai#L*6hRs3SHw|WSV0D#*X{CI2RZ{VWJ=SW>Se+njGgc zbMm)lIZ!cW%2b#(y>iCPs%p(vQf=1kIRR&!=LQ0KKuxgrJAiq0-_KtF3m28w{{S@j z7YAo1$9YMxu_Cw>mMtICv|=UAtD3S}N*8Omf0AnRLLukJt+~3jbqxUFSe(}akX>B= zF^7#G*F_@v`7~G3wthpchAXMIaZ}c2*Ryjx&RYOz&)*u|HguflL@mqOPP3mKJ9q8Y za3$qBIvG07(6wj9-XY`MS^=Oqi|6ia42U!A+YcN#2wg65J`|t}4j(zHIE&}wyzQq6 ze|0~%1HWX}9$VjkdB*V*vHQ*~Cy)5yl>b+2`Dw*jJg)P%GqJ_!vQw@XI#sBS80bUySagl(6d#T2wd>9}pYA1W!;SFSqBb9tY^<;8NGgaDZ3&d#bcu6y@KyxXO(k8LL!sNwI8)aU zw#jL{5Q#+R!<~hN&f`J6Ai6WN9qzgwHjD_Wn@YNr7o5mWh_ih!Y|}H@vMlR9e^l>2 z^q{*xfboLp!{`Uk&PD{)O(kv4TuC@P<6HH}=AVE2{z&-W<0t(Aj2A@5JsmvGs+)>8 z?rcD5$cCzCeXlj$g#iUopHa<%=Yz#rbyM+1oL^kCA@Ai=tL+uM?CpL11_l&F8Gq~T zr4nbHM;V5Z(-&veO~qq6|Mvko9f7j=cfrJh=+d6S->kZ+h=|DN;T?xN(*d7NHyV@Z z2pknKH&ieY*UhT}qRUbF5zswY5XdGf>U}b1*Wn!#tU|?lnAbRUH0}!Z|xJHzu oB$lLF<>sekrd2W+85mmX8XD-f-UHI%>FVdQ&MBb@09>yfq5uE@ delta 102 zcmcb@euaI)at?M5c{V-HH|iVLUuFt2Fb^@XurfBZGBDFNFt9Q(C_inyl!1XkwZt`| qBqgyV)hahXB{Qv(!N|bSQrFN(7efQvv~EeD1_n=8KbLh*2~7a+R~zO4 diff --git a/styles/examples/table.png b/styles/examples/table.png index ed9ae3d366a37fbb7813f599610514747bc3afee..7de08ba41d4aacb5207aca023cfecd6548507b44 100644 GIT binary patch delta 102 zcmZqXZRVY@oP$?{SLgfj_dy%iH?am88iyDeSQ#2ynV4uB7+4t?T&TU;$H2g#TH+c} ql9E`GYL%Oxl9^V?U}RuuscUGYi=knmLaq@|1B0ilpUXO@geCxH)E$KY delta 102 zcmZqXZRVY@oP(W1o;{N9&c==Fn^=Pk%tH(;tc(q<49v9+46FtGbGR{1wLuVdW&OC=?Wn_fvgk)qL;*gY3SB}V* zy|R*UNZ<44?~mUf?`OSU@8|VAuh;W_60NO_IoZV6007`LH8HdS0D1~7mSka|SQlPZbrlv9U`dBY!qGS0^W@zkJDca%#`b{ajhO_xpE*s_MIff|7s$ ze=#ux8=D(FJz7R)ZF)M{#3bL%?fvuT|Ni~UwztoBb&XP2kJZsBaCgtLwe4?c_&^|_ zgoS;0d23=~D#OAC-n@B^MB+3xNtv17nw#%%a1b9n=x=PSj*5DG>sDWVeIXp~FDhDz z#rDFsW9 z&Gz@_IXk=2(T#ohF!$}-L{CpwQBhA>S*p2tcS#9GK_OOKdv0Lhu7JS7-rfroD$T-T z`s>$?`T2|+H@aTD=qxPsU}P-v^*uT`h*VP>YHjU#`EvW`Pppc{*3wd-xcEeOcOn#u zU}Y^03>@z0@a5+}Iy~Il-u7T(8vpn)%g)Y+kMC1?d8nM+^4QoNPR`B6#WYLHhek%! z-Cew{?hi7Vn2_+Lx_W7JbiAv}i=BP4w|C+D_x7Be0uPV4%a{E`L_%a`-5E|!=&qn( zv7g`lbLZA(W>U<|%Ft-)pFcSc4oGh9FEurFad8Wr`-F1ye%<+k0c{ zPpG$T5hC6C(d-~CrH5XDjx4{~=vod0-sC~c=Rln_1BQWTtF}&|Q#mR;3xbyiD zbICYvLk|pwIp@YV=o=Y^jtE|wz#=sE#rY-H+St^6COm7+nwZ)|y|5y#1h_>h@724o z@Xj7X5dBR^Hw^q0hcO>?fX zhAwvsK#yefl^hF}O_-A&$Gl4)2sY5qnw6JmU(X}U%U@@(7UQ-L>$K7B7!(Eio{E}pWJMbz z%S_qFHh6Uo{Z)U>w1BP)r{lq6maC+Dl0ai#5JeX{7kzSX3+ z_6kbJd14UZbxnTFIvP4{nT-tR%D_Op-1tio#MX&3AoS zBHSp+m$5d_LE6nL&ku=bLJ$KO1I17Am_7akE=*X7@y=~vAs}U!i5CE$E;Tl7Vlv=i zG~mHw3uKK`P5AML&dA~ZD0Eq!vzYQx4kYI+qqy$IS*x{R57(IC(mJcCwZgR@LxI|Y zfdB5=0i-vJt%cn=aux6mlW!cJV$-#Bdo^6Tm60kHrrT06XO;}iasOQ}%s4BEj)dNc zFX+9cVt)Bl{F>P8Heo?RD?iT{Wb}&Af3<#c=R&~t1a%L_v(y@J{MT!w<%i@=4}5s$ zicHNVZv(rJ%pC*C1I1)9DT4gXbIS_oq%VzDRh*&pQjz#Sa1)=n%CnYMFN@-@aSKJw z7O=y_YUhrSHQ&3WT&C#j^)JDCG$2L4gQVR?LcabQ4GIYN)6y-I`DBbdS%6i-?{Jpr zNaEwd&tvg^QrctC7cR2hLvA&@aTlHP!b-%&k^wja9rOWC`Ls>>bcNV@IuulblZ3cd z=puaWe1{bopql$ElagX6;j#UY^%S!j$LU4QaNTirC@D?@O2t_7Xv}++f8dDKeH9mD6pfd zK%4Yx${%dfP30!ReU_7X6$!D`p|2$ie?C>!XsF76N$OArhgCJvgSj`g%#uG1w9E{M zPGeFq)t+WdZIKI<%yCf+=HCtZLZJ