style: match sidebar font-size with guidemaker-ember-template (ember-…

…learn#879)
lukasnys · Sep 2, 2023 · 9482cea · 9482cea
1 parent 79ef587
commit 9482cea
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -44,16 +44,23 @@ main a.edit-icon {
 .table-of-contents {
   list-style-type: none;
   padding-left: 0;
-  font-size: var(--font-size-lg);
+  font-size: var(--font-size-base);
   font-weight: var(--font-weight-3);
 }
 
 .sub-table-of-contents {
   padding-left: var(--spacing-1);
-  font-size: var(--font-size-md);
+  font-size: var(--font-size-base);
   font-weight: var(--font-weight-2);
 }
 
+@media (max-width: 844px) {
+  .table-of-contents,
+  .sub-table-of-contents {
+    font-size: var(--font-size-lg);
+  }
+}
+
 .sub-table-of-contents .sub-table-of-contents {
   padding-left: var(--spacing-3);
   margin-bottom: 0;