tweak responsive font size

a-thousand-worlds · Jan 1, 2021 · 4e8254f · 4e8254f
1 parent 796bfd0
commit 4e8254f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/assets/main.scss b/src/assets/main.scss
@@ -63,6 +63,9 @@ hr {
   font-size: 30px;
   margin-bottom: 10px;
   @include from($tablet) {
+    font-size: 40px;
+  }
+  @include from($widescreen) {
     font-size: 50px;
   }
 }

diff --git a/src/pages/BookDetail.vue b/src/pages/BookDetail.vue
@@ -127,7 +127,7 @@ export default {
 
 .summary {
   font-size: 18px;
-  @include from($tablet) {
+  @include from($widescreen) {
     font-size: 22px;
   }
 }