Add telegram and whatsapp share icons

This commit is contained in:
Nuno Coração 2023-04-10 21:46:53 +01:00
parent 1e959b1096
commit 088050c06f
5 changed files with 239 additions and 197 deletions

View file

@ -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;
}
}

View file

@ -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

View file

@ -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"
}
}

View file

@ -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

View file

@ -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