refactor(components): split Layout component in smaller components

The previous component was too long and hardly readable. So I splitted
it in different part and added tests.

1 files changed, 0 insertions, 53 deletions

diff --git a/src/styles/base/_typography.scss b/src/styles/base/_typography.scss
deleted file mode 100644
index 170f246..0000000
--- a/src/styles/base/_typography.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@use "../abstracts/functions" as fun;
-
-p {
-  font-size: var(--font-size-md);
-  margin: 0 0 var(--spacing-sm);
-}
-
-small {
-  font-size: var(--font-size-sm);
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  line-height: var(--line-height);
-}
-
-code,
-kbd,
-pre,
-var {
-  font-family: var(--font-family-mono);
-}
-
-:not(pre) > code,
-kbd,
-var,
-samp {
-  background: var(--color-bg-code);
-  border: fun.convert-px(1) solid var(--color-border);
-  border-radius: fun.convert-px(3);
-  color: var(--color-primary-darker);
-  font-style: normal;
-  padding: fun.convert-px(2) fun.convert-px(5) fun.convert-px(1)
-    fun.convert-px(5);
-}
-
-kbd {
-  box-shadow: fun.convert-px(1) fun.convert-px(1) 0 fun.convert-px(1)
-    var(--color-shadow);
-}
-
-pre {
-  display: block;
-  max-width: 100%;
-  overflow: auto;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-}