aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/base/_base.scss53
-rw-r--r--src/styles/base/_spacings.scss1
-rw-r--r--src/styles/base/_typography.scss53
-rw-r--r--src/styles/globals.scss1
4 files changed, 53 insertions, 55 deletions
diff --git a/src/styles/base/_base.scss b/src/styles/base/_base.scss
index 91989bd..1b52515 100644
--- a/src/styles/base/_base.scss
+++ b/src/styles/base/_base.scss
@@ -38,6 +38,59 @@ p + iframe {
margin-top: 0;
}
+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,
+samp {
+ font-family: var(--font-family-mono);
+}
+
+pre {
+ display: block;
+ max-width: 100%;
+ overflow: auto;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+}
+
+: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);
+}
+
* {
scrollbar-color: var(--color-primary) var(--color-bg-tertiary);
scrollbar-width: auto;
diff --git a/src/styles/base/_spacings.scss b/src/styles/base/_spacings.scss
index 3cff009..13a1fbe 100644
--- a/src/styles/base/_spacings.scss
+++ b/src/styles/base/_spacings.scss
@@ -24,5 +24,4 @@
--spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")});
--spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")});
--spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")});
- --toolbar-size: #{fun.convert-px(80)};
}
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;
-}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 8cf7296..32f325f 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -19,7 +19,6 @@
@use "base/helpers";
@use "base/icons";
@use "base/spacings";
-@use "base/typography";
/**
* 3.0. Themes