use text-shadow instead of text-stroke
All checks were successful
ci/woodpecker/push/publish Pipeline was successful
All checks were successful
ci/woodpecker/push/publish Pipeline was successful
This commit is contained in:
parent
afb1e72adf
commit
0ffb7a06d6
2 changed files with 10 additions and 10 deletions
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
|
@ -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);
|
||||||
`
|
`
|
||||||
),
|
),
|
||||||
];
|
];
|
||||||
|
|
Loading…
Reference in a new issue