From 088050c06f34465f5a709dea7e6cf4455c8e6b72 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= Date: Mon, 10 Apr 2023 21:46:53 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20telegram=20and=20whatsapp=20s?= =?UTF-8?q?hare=20icons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/compiled/main.css | 420 ++++++++++-------- config/_default/params.toml | 2 +- data/sharing.json | 10 + exampleSite/config/_default/params.toml | 2 +- .../content/docs/configuration/index.md | 2 +- 5 files changed, 239 insertions(+), 197 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 7de5f92a..9a567b43 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,6 +1,6 @@ /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ -/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) @@ -31,6 +31,7 @@ 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. */ html { @@ -47,6 +48,8 @@ html { /* 4 */ font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; + /* 6 */ } /* @@ -1287,10 +1290,7 @@ select { } .inset-0 { - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; + inset: 0px; } .inset-x-0 { @@ -1928,6 +1928,11 @@ select { height: 100%; } +.h-max { + height: -moz-max-content; + height: max-content; +} + .h-screen { height: 100vh; } @@ -1960,6 +1965,15 @@ select { min-height: auto; } +.min-h-full { + min-height: 100%; +} + +.min-h-fit { + min-height: -moz-fit-content; + min-height: fit-content; +} + .\!w-px { width: 1px !important; } @@ -2807,31 +2821,39 @@ select { } .from-neutral { - --tw-gradient-from: rgba(var(--color-neutral), 1); - --tw-gradient-to: rgba(var(--color-neutral), 0); + --tw-gradient-from: rgba(var(--color-neutral), 1) var(--tw-gradient-from-position); + --tw-gradient-from-position: ; + --tw-gradient-to: rgba(var(--color-neutral), 0) var(--tw-gradient-from-position); + --tw-gradient-to-position: ; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary-500 { - --tw-gradient-from: rgba(var(--color-primary-500), 1); - --tw-gradient-to: rgba(var(--color-primary-500), 0); + --tw-gradient-from: rgba(var(--color-primary-500), 1) var(--tw-gradient-from-position); + --tw-gradient-from-position: ; + --tw-gradient-to: rgba(var(--color-primary-500), 0) var(--tw-gradient-from-position); + --tw-gradient-to-position: ; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-neutral { - --tw-gradient-to: rgba(var(--color-neutral), 1); + --tw-gradient-to: rgba(var(--color-neutral), 1) var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } .to-neutral-100 { - --tw-gradient-to: rgba(var(--color-neutral-100), 1); + --tw-gradient-to: rgba(var(--color-neutral-100), 1) var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } .to-secondary-700 { - --tw-gradient-to: rgba(var(--color-secondary-700), 1); + --tw-gradient-to: rgba(var(--color-secondary-700), 1) var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } .to-transparent { - --tw-gradient-to: transparent; + --tw-gradient-to: transparent var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } .bg-contain { @@ -3798,32 +3820,32 @@ body:has(#menu-controller:checked) { /* RTL support */ -[dir="rtl"] .prose blockquote { +:is([dir="rtl"] .prose blockquote) { border-left-width: 0px; border-right-width: 4px; padding-right: 1rem; } -[dir="rtl"] .prose ul>li,[dir="rtl"] -.prose ol>li { +:is([dir="rtl"] .prose ul>li),:is([dir="rtl"] +.prose ol>li) { margin-right: 1.75rem; padding-left: 0px; padding-right: 0.5rem; } -[dir="rtl"] .prose ol>li:before,[dir="rtl"] -.prose ul>li:before { +:is([dir="rtl"] .prose ol>li):before,:is([dir="rtl"] +.prose ul>li):before { left: auto; right: 0.25rem; } -[dir="rtl"] .prose thead td:first-child,[dir="rtl"] -.prose thead th:first-child { +:is([dir="rtl"] .prose thead td:first-child),:is([dir="rtl"] +.prose thead th:first-child) { padding-right: 0px; } -[dir="rtl"] .prose thead td:last-child,[dir="rtl"] -.prose thead th:last-child { +:is([dir="rtl"] .prose thead td:last-child),:is([dir="rtl"] +.prose thead th:last-child) { padding-left: 0px; } @@ -3843,11 +3865,11 @@ body:has(#menu-controller:checked) { line-height: 1.375; } -[dir="ltr"] .toc ul ul { +:is([dir="ltr"] .toc ul ul) { padding-left: 1rem; } -[dir="rtl"] .toc ul ul { +:is([dir="rtl"] .toc ul ul) { padding-right: 1rem; } @@ -3857,12 +3879,12 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } -.dark .toc a { +:is(.dark .toc a) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } -[dir="rtl"] .toc ul>li { +:is([dir="rtl"] .toc ul>li) { margin-right: 0px; } @@ -3904,7 +3926,7 @@ body:has(#menu-controller:checked) { opacity: 0.9; } -.dark .copy-button { +:is(.dark .copy-button) { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -3919,10 +3941,10 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity)); } -.dark .copy-button:hover,.dark -.copy-button:focus,.dark -.copy-button:active,.dark -.copy-button:active:hover { +:is(.dark .copy-button:hover),:is(.dark +.copy-button:focus),:is(.dark +.copy-button:active),:is(.dark +.copy-button:active:hover) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); } @@ -3946,7 +3968,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } -.dark .prose .chroma { +:is(.dark .prose .chroma) { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); --tw-text-opacity: 1; @@ -3991,7 +4013,7 @@ body:has(#menu-controller:checked) { padding-right: 1rem; } -.dark .chroma .hl { +:is(.dark .chroma .hl) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } @@ -4016,8 +4038,8 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-600), var(--tw-text-opacity)); } -.dark .chroma .lnt,.dark -.chroma .ln { +:is(.dark .chroma .lnt),:is(.dark +.chroma .ln) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } @@ -4056,16 +4078,16 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } -.dark .chroma .k,.dark -.chroma .kd,.dark -.chroma .kn,.dark -.chroma .kp,.dark -.chroma .kr,.dark -.chroma .nc,.dark -.chroma .fm,.dark -.chroma .nn,.dark -.chroma .vc,.dark -.chroma .o { +:is(.dark .chroma .k),:is(.dark +.chroma .kd),:is(.dark +.chroma .kn),:is(.dark +.chroma .kp),:is(.dark +.chroma .kr),:is(.dark +.chroma .nc),:is(.dark +.chroma .fm),:is(.dark +.chroma .nn),:is(.dark +.chroma .vc),:is(.dark +.chroma .o) { --tw-text-opacity: 1; color: rgba(var(--color-primary-300), var(--tw-text-opacity)); } @@ -4078,7 +4100,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); } -.dark .chroma .kc { +:is(.dark .chroma .kc) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-500), var(--tw-text-opacity)); } @@ -4120,17 +4142,17 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); } -.dark .chroma .kt,.dark -.chroma .nv,.dark -.chroma .vi,.dark -.chroma .vm,.dark -.chroma .m,.dark -.chroma .mb,.dark -.chroma .mf,.dark -.chroma .mh,.dark -.chroma .mi,.dark -.chroma .il,.dark -.chroma .mo { +:is(.dark .chroma .kt),:is(.dark +.chroma .nv),:is(.dark +.chroma .vi),:is(.dark +.chroma .vm),:is(.dark +.chroma .m),:is(.dark +.chroma .mb),:is(.dark +.chroma .mf),:is(.dark +.chroma .mh),:is(.dark +.chroma .mi),:is(.dark +.chroma .il),:is(.dark +.chroma .mo) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-600), var(--tw-text-opacity)); } @@ -4151,10 +4173,10 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-900), var(--tw-text-opacity)); } -.dark .chroma .n,.dark -.chroma .nd,.dark -.chroma .ni,.dark -.chroma .nl { +:is(.dark .chroma .n),:is(.dark +.chroma .nd),:is(.dark +.chroma .ni),:is(.dark +.chroma .nl) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-200), var(--tw-text-opacity)); } @@ -4181,12 +4203,12 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-800), var(--tw-text-opacity)); } -.dark .chroma .na,.dark -.chroma .nb,.dark -.chroma .bp,.dark -.chroma .nx,.dark -.chroma .py,.dark -.chroma .nt { +:is(.dark .chroma .na),:is(.dark +.chroma .nb),:is(.dark +.chroma .bp),:is(.dark +.chroma .nx),:is(.dark +.chroma .py),:is(.dark +.chroma .nt) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-300), var(--tw-text-opacity)); } @@ -4205,9 +4227,9 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); } -.dark .chroma .no,.dark -.chroma .ne,.dark -.chroma .vg { +:is(.dark .chroma .no),:is(.dark +.chroma .ne),:is(.dark +.chroma .vg) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-500), var(--tw-text-opacity)); } @@ -4219,7 +4241,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-600), var(--tw-text-opacity)); } -.dark .chroma .nf { +:is(.dark .chroma .nf) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-500), var(--tw-text-opacity)); } @@ -4276,22 +4298,22 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-800), var(--tw-text-opacity)); } -.dark .chroma .l,.dark -.chroma .ld,.dark -.chroma .s,.dark -.chroma .sa,.dark -.chroma .sb,.dark -.chroma .sc,.dark -.chroma .dl,.dark -.chroma .sd,.dark -.chroma .s2,.dark -.chroma .sh,.dark -.chroma .si,.dark -.chroma .sx,.dark -.chroma .s1,.dark -.chroma .gi,.dark -.chroma .go,.dark -.chroma .gp { +:is(.dark .chroma .l),:is(.dark +.chroma .ld),:is(.dark +.chroma .s),:is(.dark +.chroma .sa),:is(.dark +.chroma .sb),:is(.dark +.chroma .sc),:is(.dark +.chroma .dl),:is(.dark +.chroma .sd),:is(.dark +.chroma .s2),:is(.dark +.chroma .sh),:is(.dark +.chroma .si),:is(.dark +.chroma .sx),:is(.dark +.chroma .s1),:is(.dark +.chroma .gi),:is(.dark +.chroma .go),:is(.dark +.chroma .gp) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } @@ -4304,7 +4326,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-secondary-400), var(--tw-text-opacity)); } -.dark .chroma .se { +:is(.dark .chroma .se) { --tw-text-opacity: 1; color: rgba(var(--color-secondary-500), var(--tw-text-opacity)); } @@ -4320,8 +4342,8 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-800), var(--tw-text-opacity)); } -.dark .chroma .sr,.dark -.chroma .ss { +:is(.dark .chroma .sr),:is(.dark +.chroma .ss) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } @@ -4334,7 +4356,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.dark .chroma .ow { +:is(.dark .chroma .ow) { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity)); } @@ -4362,12 +4384,12 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.dark .chroma .c,.dark -.chroma .cm,.dark -.chroma .c1,.dark -.chroma .cs,.dark -.chroma .cp,.dark -.chroma .cpf { +:is(.dark .chroma .c),:is(.dark +.chroma .cm),:is(.dark +.chroma .c1),:is(.dark +.chroma .cs),:is(.dark +.chroma .cp),:is(.dark +.chroma .cpf) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } @@ -4381,7 +4403,7 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.dark .chroma .ch { +:is(.dark .chroma .ch) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } @@ -5298,7 +5320,7 @@ body:has(#menu-controller:checked) { /* 32:9 Aspect Ratio */ } -.dark .dark\:prose-invert { +:is(.dark .dark\:prose-invert) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); @@ -5317,28 +5339,28 @@ body:has(#menu-controller:checked) { --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } -.dark .dark\:prose-invert :where(a):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-neutral-600), 1); } -.dark .dark\:prose-invert :where(kbd):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"] *)) { color: rgba(var(--color-neutral-200), 1); background-color: rgba(var(--color-neutral-700), 1); } -.dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"] *)) { background-color: rgba(var(--color-primary-400), 1); } -.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(code):not(:where([class~="not-prose"] *)) { background-color: rgba(var(--color-neutral-700), 1); } -.dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } -.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) { +:is(.dark .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } @@ -5906,6 +5928,10 @@ body:has(#menu-controller:checked) { opacity: 1; } +.data-\[te-carousel-fade\]\:duration-0[data-te-carousel-fade] { + transition-duration: 0s; +} + .data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder { opacity: 1; } @@ -6050,127 +6076,127 @@ body:has(#menu-controller:checked) { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -[dir="ltr"] .ltr\:-left-6 { +:is([dir="ltr"] .ltr\:-left-6) { left: -1.5rem; } -[dir="ltr"] .ltr\:right-0 { +:is([dir="ltr"] .ltr\:right-0) { right: 0px; } -[dir="ltr"] .ltr\:-ml-5 { +:is([dir="ltr"] .ltr\:-ml-5) { margin-left: -1.25rem; } -[dir="ltr"] .ltr\:ml-2 { +:is([dir="ltr"] .ltr\:ml-2) { margin-left: 0.5rem; } -[dir="ltr"] .ltr\:mr-14 { +:is([dir="ltr"] .ltr\:mr-14) { margin-right: 3.5rem; } -[dir="ltr"] .ltr\:mr-4 { +:is([dir="ltr"] .ltr\:mr-4) { margin-right: 1rem; } -[dir="ltr"] .ltr\:block { +:is([dir="ltr"] .ltr\:block) { display: block; } -[dir="ltr"] .ltr\:inline { +:is([dir="ltr"] .ltr\:inline) { display: inline; } -[dir="ltr"] .ltr\:hidden { +:is([dir="ltr"] .ltr\:hidden) { display: none; } -[dir="ltr"] .ltr\:border-l { +:is([dir="ltr"] .ltr\:border-l) { border-left-width: 1px; } -[dir="ltr"] .ltr\:pl-5 { +:is([dir="ltr"] .ltr\:pl-5) { padding-left: 1.25rem; } -[dir="ltr"] .ltr\:pr-2 { +:is([dir="ltr"] .ltr\:pr-2) { padding-right: 0.5rem; } -[dir="ltr"] .ltr\:pr-3 { +:is([dir="ltr"] .ltr\:pr-3) { padding-right: 0.75rem; } -[dir="ltr"] .ltr\:text-right { +:is([dir="ltr"] .ltr\:text-right) { text-align: right; } -[dir="rtl"] .rtl\:\!left-auto { +:is([dir="rtl"] .rtl\:\!left-auto) { left: auto !important; } -[dir="rtl"] .rtl\:-right-6 { +:is([dir="rtl"] .rtl\:-right-6) { right: -1.5rem; } -[dir="rtl"] .rtl\:left-0 { +:is([dir="rtl"] .rtl\:left-0) { left: 0px; } -[dir="rtl"] .rtl\:-mr-5 { +:is([dir="rtl"] .rtl\:-mr-5) { margin-right: -1.25rem; } -[dir="rtl"] .rtl\:ml-14 { +:is([dir="rtl"] .rtl\:ml-14) { margin-left: 3.5rem; } -[dir="rtl"] .rtl\:ml-4 { +:is([dir="rtl"] .rtl\:ml-4) { margin-left: 1rem; } -[dir="rtl"] .rtl\:mr-2 { +:is([dir="rtl"] .rtl\:mr-2) { margin-right: 0.5rem; } -[dir="rtl"] .rtl\:block { +:is([dir="rtl"] .rtl\:block) { display: block; } -[dir="rtl"] .rtl\:inline { +:is([dir="rtl"] .rtl\:inline) { display: inline; } -[dir="rtl"] .rtl\:hidden { +:is([dir="rtl"] .rtl\:hidden) { display: none; } -[dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\] { +:is([dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\]) { transform-origin: 50% 50% 0 !important; } -[dir="rtl"] .rtl\:border-r { +:is([dir="rtl"] .rtl\:border-r) { border-right-width: 1px; } -[dir="rtl"] .rtl\:pl-2 { +:is([dir="rtl"] .rtl\:pl-2) { padding-left: 0.5rem; } -[dir="rtl"] .rtl\:pl-3 { +:is([dir="rtl"] .rtl\:pl-3) { padding-left: 0.75rem; } -[dir="rtl"] .rtl\:pr-5 { +:is([dir="rtl"] .rtl\:pr-5) { padding-right: 1.25rem; } -[dir="rtl"] .rtl\:text-left { +:is([dir="rtl"] .rtl\:text-left) { text-align: left; } -[dir="rtl"] .rtl\:\[direction\:rtl\] { +:is([dir="rtl"] .rtl\:\[direction\:rtl\]) { direction: rtl; } @@ -6184,225 +6210,231 @@ body:has(#menu-controller:checked) { } } -.dark .dark\:flex { +:is(.dark .dark\:flex) { display: flex; } -.dark .dark\:hidden { +:is(.dark .dark\:hidden) { display: none; } -.dark .dark\:border-0 { +:is(.dark .dark\:border-0) { border-width: 0px; } -.dark .dark\:border-neutral-500 { +:is(.dark .dark\:border-neutral-500) { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-500), var(--tw-border-opacity)); } -.dark .dark\:border-neutral-600 { +:is(.dark .dark\:border-neutral-600) { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity)); } -.dark .dark\:border-neutral-700 { +:is(.dark .dark\:border-neutral-700) { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity)); } -.dark .dark\:border-primary-300 { +:is(.dark .dark\:border-primary-300) { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-300), var(--tw-border-opacity)); } -.dark .dark\:border-primary-400 { +:is(.dark .dark\:border-primary-400) { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-400), var(--tw-border-opacity)); } -.dark .dark\:border-primary-600 { +:is(.dark .dark\:border-primary-600) { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); } -.dark .dark\:bg-neutral-600 { +:is(.dark .dark\:bg-neutral-600) { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)); } -.dark .dark\:bg-neutral-700 { +:is(.dark .dark\:bg-neutral-700) { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); } -.dark .dark\:bg-neutral-800 { +:is(.dark .dark\:bg-neutral-800) { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); } -.dark .dark\:bg-neutral-800\/50 { +:is(.dark .dark\:bg-neutral-800\/50) { background-color: rgba(var(--color-neutral-800), 0.5); } -.dark .dark\:bg-neutral-900\/50 { +:is(.dark .dark\:bg-neutral-900\/50) { background-color: rgba(var(--color-neutral-900), 0.5); } -.dark .dark\:bg-primary-300 { +:is(.dark .dark\:bg-primary-300) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-400 { +:is(.dark .dark\:bg-primary-400) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-800 { +:is(.dark .dark\:bg-primary-800) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-900 { +:is(.dark .dark\:bg-primary-900) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .dark\:bg-transparent { +:is(.dark .dark\:bg-transparent) { background-color: transparent; } -.dark .dark\:from-neutral-800 { - --tw-gradient-from: rgba(var(--color-neutral-800), 1); - --tw-gradient-to: rgba(var(--color-neutral-800), 0); +:is(.dark .dark\:from-neutral-800) { + --tw-gradient-from: rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position); + --tw-gradient-from-position: ; + --tw-gradient-to: rgba(var(--color-neutral-800), 0) var(--tw-gradient-from-position); + --tw-gradient-to-position: ; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.dark .dark\:from-primary-600 { - --tw-gradient-from: rgba(var(--color-primary-600), 1); - --tw-gradient-to: rgba(var(--color-primary-600), 0); +:is(.dark .dark\:from-primary-600) { + --tw-gradient-from: rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position); + --tw-gradient-from-position: ; + --tw-gradient-to: rgba(var(--color-primary-600), 0) var(--tw-gradient-from-position); + --tw-gradient-to-position: ; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.dark .dark\:to-neutral-800 { - --tw-gradient-to: rgba(var(--color-neutral-800), 1); +:is(.dark .dark\:to-neutral-800) { + --tw-gradient-to: rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } -.dark .dark\:to-secondary-800 { - --tw-gradient-to: rgba(var(--color-secondary-800), 1); +:is(.dark .dark\:to-secondary-800) { + --tw-gradient-to: rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position); + --tw-gradient-to-position: ; } -.dark .dark\:\!text-primary-400 { +:is(.dark .dark\:\!text-primary-400) { --tw-text-opacity: 1 !important; color: rgba(var(--color-primary-400), var(--tw-text-opacity)) !important; } -.dark .dark\:text-neutral { +:is(.dark .dark\:text-neutral) { --tw-text-opacity: 1; color: rgba(var(--color-neutral), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-100 { +:is(.dark .dark\:text-neutral-100) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-200 { +:is(.dark .dark\:text-neutral-200) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-300 { +:is(.dark .dark\:text-neutral-300) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-400 { +:is(.dark .dark\:text-neutral-400) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-400), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-500 { +:is(.dark .dark\:text-neutral-500) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-700 { +:is(.dark .dark\:text-neutral-700) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } -.dark .dark\:text-neutral-800 { +:is(.dark .dark\:text-neutral-800) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } -.dark .dark\:text-primary-200 { +:is(.dark .dark\:text-primary-200) { --tw-text-opacity: 1; color: rgba(var(--color-primary-200), var(--tw-text-opacity)); } -.dark .dark\:text-primary-400 { +:is(.dark .dark\:text-primary-400) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.dark .dark\:opacity-60 { +:is(.dark .dark\:opacity-60) { opacity: 0.6; } -.dark .dark\:hover\:\!bg-primary-700:hover { +:is(.dark .dark\:hover\:\!bg-primary-700:hover) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; } -.dark .dark\:hover\:bg-primary-400:hover { +:is(.dark .dark\:hover\:bg-primary-400:hover) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-primary-900:hover { +:is(.dark .dark\:hover\:bg-primary-900:hover) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .dark\:hover\:text-\[\#3b71ca\]:hover { +:is(.dark .dark\:hover\:text-\[\#3b71ca\]:hover) { --tw-text-opacity: 1; color: rgb(59 113 202 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-neutral-800:hover { +:is(.dark .dark\:hover\:text-neutral-800:hover) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); } -.dark .dark\:hover\:text-primary-400:hover { +:is(.dark .dark\:hover\:text-primary-400:hover) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.dark .dark\:focus\:bg-primary-900:focus { +:is(.dark .dark\:focus\:bg-primary-900:focus) { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } -.dark .dark\:focus\:text-\[\#3b71ca\]:focus { +:is(.dark .dark\:focus\:text-\[\#3b71ca\]:focus) { --tw-text-opacity: 1; color: rgb(59 113 202 / var(--tw-text-opacity)); } -.dark .dark\:focus\:text-primary-400:focus { +:is(.dark .dark\:focus\:text-primary-400:focus) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.dark .group:hover .dark\:group-hover\:text-neutral-700 { +:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) { --tw-text-opacity: 1; color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); } -.dark .group:hover .dark\:group-hover\:text-primary-400 { +:is(.dark .group:hover .dark\:group-hover\:text-primary-400) { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } @@ -6466,19 +6498,19 @@ body:has(#menu-controller:checked) { line-height: 1.75rem; } - [dir="ltr"] .ltr\:sm\:mr-7 { + :is([dir="ltr"] .ltr\:sm\:mr-7) { margin-right: 1.75rem; } - [dir="ltr"] .ltr\:sm\:last\:mr-0:last-child { + :is([dir="ltr"] .ltr\:sm\:last\:mr-0:last-child) { margin-right: 0px; } - [dir="rtl"] .rtl\:sm\:ml-7 { + :is([dir="rtl"] .rtl\:sm\:ml-7) { margin-left: 1.75rem; } - [dir="rtl"] .rtl\:sm\:last\:ml-0:last-child { + :is([dir="rtl"] .rtl\:sm\:last\:ml-0:last-child) { margin-left: 0px; } } @@ -6678,11 +6710,11 @@ body:has(#menu-controller:checked) { padding-bottom: 8rem; } - [dir="ltr"] .ltr\:lg\:pl-8 { + :is([dir="ltr"] .ltr\:lg\:pl-8) { padding-left: 2rem; } - [dir="rtl"] .rtl\:lg\:pr-8 { + :is([dir="rtl"] .rtl\:lg\:pr-8) { padding-right: 2rem; } } diff --git a/config/_default/params.toml b/config/_default/params.toml index 5d5f35ce..852c18d8 100644 --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -69,7 +69,7 @@ disableImageOptimization = false showAuthorsBadges = false showWordCount = true showSummary = true - # sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email"] + # sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"] [list] showHero = false diff --git a/data/sharing.json b/data/sharing.json index 5c89852b..b43eb3fe 100644 --- a/data/sharing.json +++ b/data/sharing.json @@ -28,5 +28,15 @@ "icon": "twitter", "title": "sharing.twitter", "url": "https://twitter.com/intent/tweet/?url=%s&text=%s" + }, + "whatsapp": { + "icon": "whatsapp", + "title": "sharing.whatsapp", + "url": "https://api.whatsapp.com/send?text=%s&resubmit=true&title=%s" + }, + "telegram": { + "icon": "telegram", + "title": "sharing.telegram", + "url": "https://t.me/share/url?url=%s&resubmit=true&title=%s" } } \ No newline at end of file diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index 406813f3..2f1f1a83 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -68,7 +68,7 @@ smartTOCHideUnfocusedChildren = true showAuthorsBadges = true showWordCount = false showSummary = true - sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email"] + sharingLinks = [ "linkedin", "twitter", "reddit", "whatsapp", "telegram", "pinterest", "facebook", "email"] [list] showHero = true diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md index ebf15705..da01b965 100644 --- a/exampleSite/content/docs/configuration/index.md +++ b/exampleSite/content/docs/configuration/index.md @@ -207,7 +207,7 @@ Many of the article defaults here can be overridden on a per article basis by sp | `article.showWordCount` | `false` | Whether or not article word counts are displayed. | | `article.showComments` | `false` | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer. | | `article.showSummary` | `false` | Whether or not article summaries are displayed on list pages. If a summary is not provided in the [front matter]({{< ref "front-matter" >}}), one will be auto generated using the `summaryLength` parameter in the [site configuration](#site-configuration). | -| `article.sharingLinks` | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed. | +| `article.sharingLinks` | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed. Available values are: "linkedin", "twitter", "reddit", "pinterest", "facebook", "email", "whatsapp", and "telegram" | ### List