feat: font size picker

2021-08-03 21:35:01 +05:30
parent 17192c898b
commit d0c0a543cf
11 changed files with 186 additions and 44 deletions
--- a/assets/scss/themes.scss
+++ b/assets/scss/themes.scss
@@ -297,3 +297,36 @@
 :root[data-accent="yellow"] {
  @include yellowTheme;
 }
+
+@mixin fontSmall {
+  // Font size
+  --font-size: 0.75rem;
+  // Line height
+  --line-height: 1rem;
+}
+
+@mixin fontMedium {
+  // Font size
+  --font-size: 0.875rem;
+  // Line height
+  --line-height: 1.25rem;
+}
+
+@mixin fontLarge {
+  // Font size
+  --font-size: 1rem;
+  // Line height
+  --line-height: 1.5rem;
+}
+
+:root[data-font-size="xs"] {
+  @include fontSmall;
+}
+
+:root[data-font-size="sm"] {
+  @include fontMedium;
+}
+
+:root[data-font-size="base"] {
+  @include fontLarge;
+}