Anri/mylloon.fr
1
0
Fork 0
Code Issues 18 Pull requests 2 Releases Packages Activity Actions

use text-shadow instead of text-stroke
All checks were successful
ci/woodpecker/push/publish Pipeline was successful
Details

Browse source
This commit is contained in:
Mylloon 2024-05-30 10:13:22 +02:00
parent afb1e72adf
commit 0ffb7a06d6
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/css/constants.css
View file

@ -1,3 +1,11 @@
:root {
color-scheme: light dark;
/* Global parameters */
--font-size: 1.15rem;
--font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
}
/* Parameters light */ /* Parameters light */
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
@ -15,9 +23,3 @@
--link-color: #ff80bf; --link-color: #ff80bf;
} }
} }
/* Global parameters */
:root {
--font-size: 1.15rem;
--font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
}

6
static/js/index.js
View file

@ -13,8 +13,6 @@ window.addEventListener("load", () => {
color: transparent; color: transparent;
`; `;
const text_stroke = "-webkit-text-stroke: 0.2px var(--font-color);";
const tags = [ const tags = [
new Tag("Comment ça marche un PC 😵‍💫"), new Tag("Comment ça marche un PC 😵‍💫"),
new Tag("Idiot certifié"), new Tag("Idiot certifié"),
@ -27,7 +25,7 @@ window.addEventListener("load", () => {
` `
background: linear-gradient(to bottom right, red 0%, red 50%, black 50%); background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
${clipping_text} ${clipping_text}
${text_stroke} text-shadow: 0px 0px 20px light-dark(transparent, var(--font-color));
` `
), ),
new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"), new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
@ -46,7 +44,7 @@ window.addEventListener("load", () => {
background: conic-gradient(at 30% 60%, transparent 230deg, red 0, red 310deg, transparent 0), background: conic-gradient(at 30% 60%, transparent 230deg, red 0, red 310deg, transparent 0),
linear-gradient(to bottom, black 45%, white 45%, white 67%, DarkGreen 67%); linear-gradient(to bottom, black 45%, white 45%, white 67%, DarkGreen 67%);
${clipping_text} ${clipping_text}
${text_stroke} text-shadow: 0px 0px 20px var(--font-color);
` `
), ),
]; ];