1 files changed, 87 insertions, 0 deletions

diff --git a/src/_base.scss b/src/_base.scss
new file mode 100644
index 0000000..54df879
--- /dev/null
+++ b/src/_base.scss
@@ -0,0 +1,87 @@
+@use 'iro-sass/src/index' as iro;
+@use 'functions' as fn;
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    @include fn.set-font(--standard, (--size: fn.dim(--font-size --md)));
+
+    margin:           0;
+    padding:          0;
+    background-color: fn.color(--bg);
+    color:            fn.color(--fg);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin:      0;
+    font-size:   fn.dim(--font-size --md);
+    font-weight: normal;
+}
+
+p {
+    margin-top:    fn.dim(--paragraph --margin-top);
+    margin-bottom: 0;
+
+    &:empty {
+        display: none;
+    }
+}
+
+ul,
+ol {
+    margin:       fn.dim(--paragraph --margin-top) 0 0;
+    padding-left: fn.dim(--list --indent);
+}
+
+:focus {
+    outline: 0;
+}
+
+:link,
+:visited {
+    color:           currentColor;
+    text-decoration: none;
+}
+
+
+button,
+input,
+textarea {
+    box-sizing:     content-box;
+    margin:         0;
+    padding:        0;
+    border:         0;
+    background:     none;
+    color:          currentColor;
+    font-family:    inherit;
+    font-size:      1em;
+    font-style:     inherit;
+    font-weight:    inherit;
+    line-height:    inherit;
+    text-align:     inherit;
+    text-transform: inherit;
+    appearance:     none;
+
+    &::-moz-focus-inner {
+        border: 0;
+    }
+}
+
+::selection {
+    background: fn.color(--selection --bg);
+    color:      fn.color(--selection --fg);
+}
+
+img {
+    &::selection {
+        background: fn.color(--selection --bg-img);
+    }
+}