EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust a-tag styling and disable psuedo-classes in testpage
All checks were successful
/ build (push) Successful in 8s
Details

Browse source
This commit is contained in:
lilith 2025-02-13 03:00:57 +01:00
commit 0411c33e4d
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
6 changed files with 189 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

55
styleguide/assets/style/styleguide.css
View file

@ -139,7 +139,8 @@
--color-accent-3: var(--color-light-accent-3);
}
html, html.light {
html,
html.light {
--color-foreground: var(--color-light-foreground);
--color-background: var(--color-light-background);
--color-shade-1: var(--color-light-shade-1);
@ -272,48 +273,61 @@ body {
font-family: "Athiti", ui-sans, sans-serif;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Argon Glow", ui-sans, sans-serif;
font-weight: 400;
margin: 0;
}
h1, .h1 {
h1,
.h1 {
font-size: var(--text-5xl);
line-height: var();
}
h2, .h2 {
h2,
.h2 {
font-size: var(--text-4xl);
line-height: var();
}
h3, .h3 {
h3,
.h3 {
font-size: var(--text-3xl);
line-height: var();
}
h4, .h4 {
h4,
.h4 {
font-size: var(--text-2xl);
line-height: var();
}
h5, .h5 {
h5,
.h5 {
font-size: var(--text-xl);
line-height: var();
}
h6, .h6 {
h6,
.h6 {
font-size: var(--text-lg);
line-height: var();
}
code, .code {
code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block;
padding: 1rem;
@ -327,15 +341,19 @@ table tr th {
a {
color: var(--color-accent-1);
text-decoration: underline;
}
a:hover, a:active, a:focus {
color: var(--color-accent-3);
text-decoration: none;
}
a:visited {
color: var(--color-accent-2);
text-decoration: underline;
}
a:visited:hover, a:visited:active, a:visited:focus {
color: var(--color-accent-3);
text-decoration: none;
}
* {
@ -363,14 +381,17 @@ main {
}
}
a.a-regular {
a.a-regular, a.a-regular:hover, a.a-regular:active, a.a-regular:focus, a.a-regular:visited {
color: var(--color-accent-1);
text-decoration: underline;
}
a.a-hover {
a.a-hover, a.a-hover:visited {
color: var(--color-accent-3);
text-decoration: none;
}
a.a-visited {
a.a-visited, a.a-visited:hover, a.a-visited:active, a.a-visited:focus {
color: var(--color-accent-2);
text-decoration: underline;
}
code,