refactor(theme): use scss and split index.css into modules

1 files changed, 32 insertions, 0 deletions

diff --git a/assets/css/components/_reset.scss b/assets/css/components/_reset.scss
new file mode 100644
index 00000000..8d29ea32
--- /dev/null
+++ b/assets/css/components/_reset.scss
@@ -0,0 +1,32 @@
+body {
+  font-family: var(--serif-font-family);
+  -webkit-font-smoothing: antialiased;
+  margin: 0 20px;
+  color: var(--text-color);
+  position: relative;
+  /* background */
+  background-image: linear-gradient(to bottom, var(--block-background-color), transparent);
+  background-size: 100% 5rem;
+  background-position: top left;
+  background-repeat: no-repeat;
+  background-color: var(--background-color);
+}
+
+article {
+  max-width: var(--page-width);
+  margin: 0 auto
+}
+
+a {
+  color: var(--text-color);
+  text-decoration: none;
+  text-underline-offset: 0.25rem;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+ul {
+  list-style-type: square;
+}