html-css: remove zoom (non-standard), add fun

This commit is contained in:
Aminda Suomalainen 2024-06-12 09:44:01 +03:00
parent a0a6db945d
commit 3ee208d3d8
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
3 changed files with 28 additions and 3 deletions

16
html-css/fun.css Normal file
View File

@ -0,0 +1,16 @@
:root {
--fonts-sans-serif: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
sans-serif "Noto Emoji", "Noto Color Emoji", emoji;
--fonts-serif: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif,
"Noto Emoji", "Noto Color Emoji", emoji;
--fonts-mono: ui-monospace, "Liberation Mono", Cousine, "Courier New",
monospace, "Noto Emoji", "Noto Color Emoji", emoji;
}
* {
font-variant-emoji: text;
margin: 25%;
font-family: var(--fonts-serif);
background-color: #000000;
color: #ffffff;
}

12
html-css/fun.html Normal file
View File

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lorem.</title>
<link rel="stylesheet" href="fun.css" />
</head>
<body>
<h1>MEOW</h1>
</body>
</html>

View File

@ -1,9 +1,6 @@
/* Declare our style as capable of both styles, defaulting to the former if browser has no configuration. At this point we have a dark theme!
Also variables will make things easier later on */
:root {
/* FIXME TODO WARNING PROBABLY INACCESSIBLE BAD IN REAL CODE */
zoom: 100%;
/* see above */
color-scheme: dark light;
--fonts-sans-serif: ui-sans-serif, "Liberation Sans", "Arimo", "Arial",
sans-serif "Noto Emoji", "Noto Color Emoji", emoji;