deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-12-17 04:48:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge branch 'main' of github.com:welpo/tabi

Browse source
This commit is contained in:
Jeremiah Russell 2025-02-21 14:33:12 +00:00
commit 89ebc6d253
No known key found for this signature in database
GPG key ID: E576B835ACE207E5
50 changed files with 861 additions and 227 deletions
Download patch file Download diff file Expand all files Collapse all files

38
sass/parts/_code.scss
View file

@ -63,6 +63,27 @@ pre {
font-size: 0.8rem; // Fits ~77 characters.
}
// Supports both native Zola way of adding src, and old shortcode-based logic.
// See: https://github.com/welpo/tabi/pull/489
&::after,
code .source-path {
display: block;
position: absolute;
top: 0;
inset-inline-end: 1.3rem;
padding-top: 0.3rem;
padding-inline-end: 1.3rem;
max-width: calc(100% - 14em);
height: 0.9rem;
overflow: hidden;
content: attr(data-name);
color: var(--hover-color);
font-size: 0.65rem;
text-align: end;
text-overflow: ellipsis;
white-space: nowrap;
}
code {
display: block;
border: 0rem;
@ -89,23 +110,6 @@ pre {
text-align: start;
text-transform: uppercase;
}
.source-path {
display: block;
position: absolute;
top: 0;
inset-inline-end: 1.3rem;
padding-top: 0.3rem;
padding-inline-end: 1.3rem;
max-width: calc(100% - 14em);
height: 0.9rem;
overflow: hidden;
color: var(--hover-color);
font-size: 0.65rem;
text-align: end;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}

54
sass/parts/_misc.scss
View file

@ -82,6 +82,44 @@ a {
text-decoration: inherit;
}
// External link styles with `external_links_class = "external"`.
main {
--external-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 5h-6v14h14v-6'/%3E%3Cpath d='M13 11l7 -7'/%3E%3Cpath d='M21 3h-6M21 3v6'/%3E%3C/g%3E%3C/svg%3E");
a.external:not(:has(img, svg, video, picture, figure)) {
display: inline-block;
padding-inline-end: 0.9em;
}
a.external:not(:has(img, svg, video, picture, figure))::after {
-webkit-mask-image: var(--external-link-icon);
-webkit-mask-size: 100% 100%;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
mask-image: var(--external-link-icon);
mask-size: 100% 100%;
margin-inline-start: 0.2em;
inset-inline-end: 0;
background-color: currentColor;
width: 0.8em;
height: 0.8em;
content: '';
}
&:dir(rtl) a.external:not(:has(img, svg, video, picture, figure))::after {
transform: translateY(-50%) rotate(-90deg);
}
.meta a.external:not(:has(img, svg, video, picture, figure))::after {
background-color: var(--meta-color);
}
a.external:not(:has(img, svg, video, picture, figure)):hover::after {
background-color: var(--hover-color);
}
}
a:hover {
background-color: var(--primary-color);
color: var(--hover-color);
@ -91,7 +129,7 @@ a:hover rt {
color: var(--text-color);
}
a:not(.no-hover-padding):hover::after {
a:not(.no-hover-padding):hover::before {
display: inline-block;
position: absolute;
z-index: -1;
@ -100,7 +138,7 @@ a:not(.no-hover-padding):hover::after {
inset-inline-end: -0.15em;
inset-inline-start: -0.15em;
background-color: var(--primary-color);
max-inline-size: 105%; // This fixes multi-line links (see #225)
max-inline-size: 105%;
content: "";
}
@ -118,6 +156,11 @@ hr {
height: 1px;
}
.footnotes-list,
.footnotes {
text-align: start;
}
.footnote-reference {
font-size: 0.7rem;
font-family: var(--serif-font);
@ -142,7 +185,12 @@ hr {
font-size: 0.8rem;
}
.footnotes-list a[href^="#fr-"] {
.footnotes-list a[href^="#fr-"],
.footnotes a[href^="#fr-"] {
font-size: 0.8rem;
}
.footnotes code {
font-size: 0.8rem;
}