Adjust a-tag styling and disable psuedo-classes in testpage
All checks were successful
/ build (push) Successful in 8s
All checks were successful
/ build (push) Successful in 8s
This commit is contained in:
parent
0a2826842e
commit
0411c33e4d
SSH key fingerprint:
SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
6 changed files with 189 additions and 86 deletions
|
|
@ -54,8 +54,9 @@
|
|||
--color-red-800: #780404;
|
||||
--color-red-900: #5C0202;
|
||||
--color-red-950: #3F0101;
|
||||
--color-white: #FFFFFF;
|
||||
--color-dark-foreground: var(--color-neutral-50);
|
||||
--color-dark-background: var(--color-neutral-900);
|
||||
--color-dark-background: var(--color-neutral-950);
|
||||
--color-dark-shade-1: var(--color-neutral-800);
|
||||
--color-dark-shade-2: var(--color-neutral-700);
|
||||
--color-dark-shade-3: var(--color-neutral-600);
|
||||
|
|
@ -67,7 +68,7 @@
|
|||
--color-dark-accent-1: #60a5f9;
|
||||
--color-dark-accent-2: #d381f7;
|
||||
--color-dark-accent-3: #ff7975;
|
||||
--color-light-foreground: var(--color-neutral-900);
|
||||
--color-light-foreground: var(--color-neutral-950);
|
||||
--color-light-background: var(--color-neutral-50);
|
||||
--color-light-shade-1: var(--color-neutral-100);
|
||||
--color-light-shade-2: var(--color-neutral-200);
|
||||
|
|
@ -138,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);
|
||||
|
|
@ -190,115 +192,146 @@ html.dark {
|
|||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 700;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-Bold.otf") format("opentype"), url("../font/athiti/Athiti-Bold.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-Bold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 600;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-SemiBold.otf") format("opentype"), url("../font/athiti/Athiti-SemiBold.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-SemiBold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 500;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-Medium.otf") format("opentype"), url("../font/athiti/Athiti-Medium.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-Medium.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 400;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-Regular.otf") format("opentype"), url("../font/athiti/Athiti-Regular.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-Regular.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 300;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-Light.otf") format("opentype"), url("../font/athiti/Athiti-Light.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-Light.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Athiti";
|
||||
font-weight: 200;
|
||||
src: local("Athiti"), url("../font/athiti/Athiti-ExtraLight.otf") format("opentype"), url("../font/athiti/Athiti-ExtraLight.ttf") format("truetype");
|
||||
src: url("../font/athiti/Athiti-ExtraLight.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Departure Mono";
|
||||
src: local("Departure Mono"), url("../font/departuremono/DepartureMono-Regular.otf") format("opentype"), url("../font/departuremono/DepartureMono-Regular.woff") format("woff"), url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2");
|
||||
src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 100;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Thin.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Thin.woff") format("woff"), url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 200;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-ExtraLight.otf") format("opentype"), url("../font/argonglow/ArgonGlow-ExtraLight.woff") format("woff"), url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 300;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Light.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Light.woff") format("woff"), url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 400;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Regular.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Regular.woff") format("woff"), url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 500;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Medium.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Medium.woff") format("woff"), url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 600;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-SemiBold.otf") format("opentype"), url("../font/argonglow/ArgonGlow-SemiBold.woff") format("woff"), url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow";
|
||||
font-weight: 700;
|
||||
src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Bold.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Bold.woff") format("woff"), url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2");
|
||||
src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow Variable";
|
||||
src: url("../font/argonglow/ArgonGlow-VariableVF.ttf") format("truetype"), url("../font/argonglow/ArgonGlow-VariableVF.woff") format("woff"), url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow Bug";
|
||||
font-weight: 500;
|
||||
src: url("../font/argonglow/bug/ArgonGlow-Medium.otf") format("opentype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Argon Glow Bug Variable";
|
||||
src: url("../font/argonglow/bug/ArgonGlow-VariableVF.ttf") format("truetype");
|
||||
font-family: "Argon Glow";
|
||||
src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2");
|
||||
font-weight: 100 900;
|
||||
}
|
||||
:root {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-foreground);
|
||||
font-family: "Athiti", ui-sans, sans-serif;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: var(--container-4xl);
|
||||
margin-left: 4rem;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
code, .code {
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: var(--text-5xl);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: var(--text-4xl);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: var(--text-3xl);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: var(--text-2xl);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: var(--text-xl);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: var(--text-lg);
|
||||
line-height: var();
|
||||
}
|
||||
|
||||
code,
|
||||
.code {
|
||||
font-family: "Departure Mono", ui-monospace, monospace;
|
||||
display: inline-block;
|
||||
padding: 1rem 2rem;
|
||||
padding: 1rem;
|
||||
border-radius: 1rem;
|
||||
background-color: var(--color-shade-1);
|
||||
}
|
||||
|
||||
|
|
@ -308,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;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -159,7 +159,8 @@ $breakpoint-2xl: 96rem;
|
|||
@include theme_light();
|
||||
}
|
||||
|
||||
html, html.light {
|
||||
html,
|
||||
html.light {
|
||||
@include theme_light();
|
||||
}
|
||||
|
||||
|
|
@ -276,50 +277,63 @@ 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;
|
||||
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;
|
||||
|
|
@ -337,17 +351,24 @@ table {
|
|||
|
||||
a {
|
||||
color: var(--color-accent-1);
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: var(--color-accent-3);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: var(--color-accent-2);
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: var(--color-accent-3);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -26,16 +26,28 @@ main {
|
|||
}
|
||||
|
||||
a {
|
||||
&.a-regular {
|
||||
|
||||
&.a-regular,
|
||||
&.a-regular:hover,
|
||||
&.a-regular:active,
|
||||
&.a-regular:focus,
|
||||
&.a-regular:visited {
|
||||
color: var(--color-accent-1);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&.a-hover {
|
||||
&.a-hover,
|
||||
&.a-hover:visited {
|
||||
color: var(--color-accent-3);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.a-visited {
|
||||
&.a-visited,
|
||||
&.a-visited:hover,
|
||||
&.a-visited:active,
|
||||
&.a-visited:focus {
|
||||
color: var(--color-accent-2);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue