move style into root

1 files changed, 72 insertions, 0 deletions

diff --git a/root/static/style/reset/text$x-scss.scss b/root/static/style/reset/text$x-scss.scss
new file mode 100644
index 0000000..d157fcf
--- /dev/null
+++ b/root/static/style/reset/text$x-scss.scss
@@ -0,0 +1,72 @@
+* {
+  font-weight: inherit;
+  font-style: inherit;
+  font-family: inherit;
+  color: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body, html, h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 { font-weight: bold; }
+h1 { font-size: 1.6em; }
+h2 { font-size: 1.4em; }
+h3 { font-size: 1.17em; }
+h4, h5, h6 { font-size: 1em; }
+
+input, select, button {
+  color: initial;
+  &:disabled {
+    color: graytext;
+  }
+}
+tt, code, kbd, samp { font-family: monospace; }
+code { font-size: 0.8em; }
+b, strong { font-weight: bold; }
+em, i { font-style: italic; }
+hr { clear: both; }
+ul { margin: 0; padding-inline-start: 2em; }
+
+sup, sub {
+  vertical-align: baseline;
+  position: relative;
+  top: -0.4em;
+}
+sub { top: 0.4em; }
+
+body {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  background: $gray-bright;
+  font-family: sans-serif;
+
+  min-height: 100vh;
+}
+
+a {
+  display: inline-block;
+  font-size: 1em;
+  font-weight: bold;
+  text-decoration: underline;
+  text-decoration-color: transparent;
+  cursor: pointer;
+
+  &:hover {
+    filter: invert(40%);
+    text-decoration-color: currentColor;
+  }
+
+  transition: filter 500ms, text-decoration-color 500ms;
+}
+
+::selection {
+  background: $gray-dark;
+  color: $gray-bright;
+  padding: 1em;
+}