new design start

site/assets/scss/elements/_typography.scss

@@ -0,0 +1,41 @@
+.h1,
+h1 {
+}
+
+.h2,
+h2 {
+}
+
+.h3,
+h3 {
+}
+
+.h4,
+h4 {
+}
+
+.h5,
+h5 {
+}
+
+.h6,
+h6 {
+}
+
+a {
+  &:visited {
+  }
+
+  &:hover {
+  }
+
+  &:active {
+  }
+}
+
+.small {
+}
+
+code {
+
+}

site/assets/scss/generic/_reset.scss

@@ -0,0 +1,28 @@
+// normalize css is loaded, then these additions:
+
+html {
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  box-sizing: border-box;
+}
+
+main,
+section,
+article,
+aside,
+footer,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+div,
+p,
+ul,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+

site/assets/scss/main.scss

@@ -0,0 +1,12 @@
+@import 'tools/fonts';
+@import 'tools/mixins';
+
+@import 'settings/variables';
+@import 'settings/colors';
+
+@import 'generic/reset';
+
+@import 'elements/typography';
+@import 'elements/icons';
+
+// @import 'components/thing';