Add: #769 投稿のフォントサイズ調整機能 (#810)

app/javascript/styles/mastodon/basics.scss

@@ -46,6 +46,29 @@ body {
       sans-serif;
   }
 
+  &.content-font-size {
+    &__large {
+      --content-font-size: 18px;
+      --content-line-height: 27px;
+      --detail-content-font-size: 25px;
+      --detail-content-line-height: 32px;
+    }
+
+    &__x_large {
+      --content-font-size: 22px;
+      --content-line-height: 30px;
+      --detail-content-font-size: 30px;
+      --detail-content-line-height: 39px;
+    }
+
+    &__xx_large {
+      --content-font-size: 30px;
+      --content-line-height: 44px;
+      --detail-content-font-size: 40px;
+      --detail-content-line-height: 52px;
+    }
+  }
+
   &.app-body {
     padding: 0;
 

app/javascript/styles/mastodon/components.scss

@@ -1003,8 +1003,8 @@ body > [data-popper-placement] {
   font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 15px;
-  line-height: 22px;
+  font-size: var(--content-font-size);
+  line-height: var(--content-line-height);
   padding-top: 2px;
   color: $primary-text-color;
 
@@ -1738,8 +1738,8 @@ body > [data-popper-placement] {
   }
 
   .status__content {
-    font-size: 19px;
-    line-height: 24px;
+    font-size: var(--detail-content-font-size);
+    line-height: var(--detail-content-line-height);
 
     .emojione {
       min-width: 24px;

app/javascript/styles/mastodon/variables.scss

@@ -115,4 +115,8 @@ $font-monospace: 'mastodon-font-monospace' !default;
   --surface-variant-background-color: #{$ui-base-color};
   --surface-variant-active-background-color: #{lighten($ui-base-color, 4%)};
   --avatar-border-radius: 8px;
+  --content-font-size: 15px;
+  --content-line-height: 22px;
+  --detail-content-font-size: 19px;
+  --detail-content-line-height: 24px;
 }