1 files changed, 82 insertions, 0 deletions

diff --git a/src/_general.scss b/src/_general.scss
new file mode 100644
index 0000000..82b9467
--- /dev/null
+++ b/src/_general.scss
@@ -0,0 +1,82 @@
+@use 'iro-sass/src/index' as iro;
+@use 'mixins/typography';
+@use 'vars';
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md)));
+
+    margin:           0;
+    padding:          0;
+    background-color: iro.props-get(--colors --bg);
+    color:            iro.props-get(--colors --fg);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md), weight: 400));
+
+    margin: 0;
+}
+
+p {
+    margin-top:    iro.props-get(--dims --paragraph --margin-top);
+    margin-bottom: 0;
+
+    &:empty {
+        display: none;
+    }
+}
+
+ul,
+ol {
+    margin:       iro.props-get(--dims --paragraph --margin-top) 0 0;
+    padding-left: iro.props-get(--dims --list --indent);
+}
+
+:focus {
+    outline: 0;
+}
+
+:link,
+:visited {
+    color:           currentColor;
+    text-decoration: none;
+}
+
+button {
+    box-sizing:       content-box;
+    margin:           0;
+    padding:          0;
+    border:           0;
+    background-color: transparent;
+    color:            currentColor;
+    font:             inherit;
+    letter-spacing:   inherit;
+    text-align:       left;
+    text-transform:   inherit;
+    appearance:       none;
+
+    &::-moz-focus-inner {
+        border: 0;
+    }
+}
+
+::selection {
+    background: iro.props-get(--colors --selection --bg);
+    color:      iro.props-get(--colors --selection --fg);
+}
+
+img {
+    &::selection {
+        background: iro.props-get(--colors --selection --bg-img);
+    }
+}