Re-implemented design via iro-design

1 files changed, 36 insertions, 0 deletions

diff --git a/assets/css/_base.scss b/assets/css/_base.scss
new file mode 100644
index 0000000..dd24fed
--- /dev/null
+++ b/assets/css/_base.scss
@@ -0,0 +1,36 @@
+@use 'iro-sass/src/index' as iro;
+@use 'iro-design/src/functions' as fn;
+
+html,
+pre,
+code {
+    font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
+}
+
+body {
+    box-sizing: border-box;
+    min-height: 100%;
+}
+
+main {
+    @include iro.responsive-env((600px, 900px)) {
+        font-size: iro.responsive-set((1rem, iro.fn-px-to-rem(18px)));
+    }
+}
+
+img {
+    display:   block;
+    max-width: 100%;
+}
+
+figure {
+    margin:  fn.dim(--paragraph --margin-top) 0 0;
+    padding: 0;
+
+    img {
+        display:    block;
+        max-width:  100%;
+        max-height: 70vh;
+        object-fit: contain;
+    }
+}