mirror of
https://gitea.blesmrt.net/mikaela/gist.git
synced 2024-12-18 08:12:32 +01:00
html-css: remove zoom (non-standard), add fun
This commit is contained in:
parent
a0a6db945d
commit
3ee208d3d8
16
html-css/fun.css
Normal file
16
html-css/fun.css
Normal 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
12
html-css/fun.html
Normal 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>
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user