chore: put core styles into a subfolder

src/scss/_core.scss

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

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 @@
-/*
+/* 0.3 - Typography
- *  2 - Typography ( _typography.scss )
- *
  * 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';