docs: Improve example component + Fix sidebar on mobile

2022-04-16 00:29:35 -07:00
parent 6aaced0c04
commit a48e6f82d1
34 changed files with 323 additions and 282 deletions
--- a/src/package/styles/classes/base.postcss
+++ b/src/package/styles/classes/base.postcss
@@ -2,7 +2,7 @@
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-standard);
-    font-size: var(--font-size-nm);
+    font-size: var(--font-size);
    font-weight: var(--font-weight-regular);

    scrollbar-color: var(--color-scrollbar) var(--color-bg);
--- a/src/package/styles/normalize.postcss
+++ b/src/package/styles/normalize.postcss
@@ -53,3 +53,9 @@ p {
 ul {
    padding: 0 0 0 1.5rem;
 }
+
+.icon {
+  height: auto;
+  width: 16px;
+  aspect-ratio: 1 / 1;
+}
--- a/src/package/styles/variables/typography.postcss
+++ b/src/package/styles/variables/typography.postcss
@@ -17,9 +17,9 @@
  --h5-size: 14px;
  --h6-size: 12px;

-  --font-size-lg: 17px;
-  --font-size-sm: 12px;
-  --font-size: 14px;
+  --font-size-lg: 19px;
+  --font-size-sm: 13px;
+  --font-size: 16px;

  /* Line heights */
  --lh-condensed-ultra: 1;