gergely/cypher-player-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Move CSS Reset to a separate CSS file

Browse Source 
Although i wanted to keep everything in one file, it’s easier to develop this way.
This commit is contained in:
Gergely Polonkai 2025-06-06 00:24:03 +02:00
parent 473c182678
commit d1c85c8a73
No known key found for this signature in database
GPG Key ID: 2D2885533B869ED4
2 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
index.html
View File

@ -4,6 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale: 1">
<title>Cypher Player Assistant</title>
<link rel="stylesheet" type="text/css" href="static/reset.css">
<style>
:root {
/* Dark Color Scheme */
@ -78,57 +79,6 @@
}
}
/* CSS Reset */
*, *::before, *::after {
box-sizing: border-box;
}
ul[class], ol[class] {
padding: 0;
}
body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
margin: 0;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
ul[class], ol[class] {
list-style: none;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img {
max-width: 100%;
display: block;
}
article > * + * {
margin-top: 1em;
}
input, button, textarea, select {
font: inherit;
}
@media(prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* Actual page style */
.color-scheme-wrapper {

50
static/reset.css Normal file
View File

@ -0,0 +1,50 @@
/* CSS Reset */
*, *::before, *::after {
box-sizing: border-box;
}
ul[class], ol[class] {
padding: 0;
}
body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
margin: 0;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
ul[class], ol[class] {
list-style: none;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img {
max-width: 100%;
display: block;
}
article > * + * {
margin-top: 1em;
}
input, button, textarea, select {
font: inherit;
}
@media(prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}