From ed53f047ecc98dc57d6ab783a2e448e1661d5153 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Fri, 30 Jul 2021 10:31:27 +0200 Subject: [PATCH] chore: put core styles into a subfolder --- src/scss/_core.scss | 19 ++++++------------- src/scss/core/_box-sizing.scss | 18 ++++++++++++++++++ src/scss/{ => core}/_normalize.scss | 0 src/scss/{ => core}/_typography.scss | 11 ++++------- src/scss/style.scss | 4 ---- 5 files changed, 28 insertions(+), 24 deletions(-) create mode 100644 src/scss/core/_box-sizing.scss rename src/scss/{ => core}/_normalize.scss (100%) rename src/scss/{ => core}/_typography.scss (96%) diff --git a/src/scss/_core.scss b/src/scss/_core.scss index 71c5336..decf627 100644 --- a/src/scss/_core.scss +++ b/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'; diff --git a/src/scss/core/_box-sizing.scss b/src/scss/core/_box-sizing.scss new file mode 100644 index 0000000..dbe61eb --- /dev/null +++ b/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; +} diff --git a/src/scss/_normalize.scss b/src/scss/core/_normalize.scss similarity index 100% rename from src/scss/_normalize.scss rename to src/scss/core/_normalize.scss diff --git a/src/scss/_typography.scss b/src/scss/core/_typography.scss similarity index 96% rename from src/scss/_typography.scss rename to src/scss/core/_typography.scss index f31bdea..0d1dbaa 100644 --- a/src/scss/_typography.scss +++ b/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'; diff --git a/src/scss/style.scss b/src/scss/style.scss index e76eb42..be3b297 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -19,12 +19,8 @@ @import 'angled-edges'; -@import 'normalize'; - @import 'core'; -@import 'typography'; - @import 'global'; @import 'drawing';