chore: put core styles into a subfolder

src/scss/_core.scss

@@ -1,14 +1,7 @@
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
+/* 0. CORE
+** All the basic functions from the stylesheet
+*/
 
-html {
-  box-sizing: border-box;
-}
-
-body {
-  overflow-x: hidden;
-  text-rendering: optimizeLegibility;
-}
+@import 'core/normalize';
+@import 'core/box-sizing';
+@import 'core/typography';

src/scss/core/_box-sizing.scss

@@ -0,0 +1,18 @@
+/* 0.2 - Box-sizing
+ * Make sure that everything have its box-sizing to border-box
+**/
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+body {
+ overflow-x: hidden;
+ text-rendering: optimizeLegibility;
+}

src/scss/core/_typography.scss

@@ -1,10 +1,7 @@
-/*
- *  2 - Typography ( _typography.scss )
- *
- *  This part of the (s)css handle everything related to the typography
- *  like paragraphs, blockquote, etc.
- *
-*/
+/* 0.3 - Typography
+ * This part of the (s)css handle everything related to the typography
+ * like paragraphs, blockquote, etc.
+**/
 
 @import 'font-face';
 

src/scss/style.scss

@@ -19,12 +19,8 @@
 
 @import 'angled-edges';
 
-@import 'normalize';
-
 @import 'core';
 
-@import 'typography';
-
 @import 'global';
 
 @import 'drawing';