Rename occurrences of monoscape to monospace.

src/components/common/Tooltip.tsx

@@ -35,7 +35,7 @@ const PermissionTooltipBase = styled.div`
     }
 
     code {
-        font-family: var(--monoscape-font);
+        font-family: var(--monospace-font);
     }
 `;
 

src/components/common/messaging/attachments/Attachment.module.scss

@@ -2,11 +2,11 @@
     display: grid;
     grid-auto-flow: row dense;
     grid-auto-columns: min(100%, var(--attachment-max-width));
-    
-    margin: .125rem 0 .125rem;
+
+    margin: 0.125rem 0 0.125rem;
     width: max-content;
     max-width: 100%;
-    
+
     &[data-spoiler="true"] {
         filter: blur(30px);
         pointer-events: none;
@@ -50,18 +50,18 @@
             overflow-y: auto;
             border-radius: 0 !important;
             background: var(--secondary-header);
-    
+
             pre {
                 margin: 0;
             }
-    
+
             pre code {
-                font-family: var(--monoscape-font), sans-serif;
+                font-family: var(--monospace-font), sans-serif;
             }
 
             &[data-loading="true"] {
                 display: flex;
-                
+
                 > * {
                     flex-grow: 1;
                 }
@@ -84,6 +84,8 @@
     }
 }
 
-.container, .attachment, .image {
+.container,
+.attachment,
+.image {
     border-radius: var(--border-radius);
 }

src/components/markdown/Markdown.module.scss

@@ -12,7 +12,7 @@
         margin-bottom: 0;
         margin-top: 1px;
         margin-right: 2px;
-        vertical-align: -.3em;
+        vertical-align: -0.3em;
     }
 
     p,
@@ -86,7 +86,7 @@
         font-size: 90%;
         background: var(--block);
         border-radius: var(--border-radius);
-        font-family: var(--monoscape-font), monospace;
+        font-family: var(--monospace-font), monospace;
     }
 
     input[type="checkbox"] {
@@ -133,12 +133,12 @@
     }
 
     :global(.code) {
-        font-family: var(--monoscape-font), monospace;
+        font-family: var(--monospace-font), monospace;
 
         :global(.lang) {
             width: fit-content;
             padding-bottom: 8px;
-            
+
             div {
                 color: #111;
                 cursor: pointer;
@@ -174,7 +174,7 @@
     input[type="checkbox"] + label:before {
         width: 12px;
         height: 12px;
-        content: 'a';
+        content: "a";
         font-size: 10px;
         margin-right: 6px;
         line-height: 12px;
@@ -185,7 +185,7 @@
     }
 
     input[type="checkbox"][checked="true"] + label:before {
-        content: '✓';
+        content: "✓";
         align-items: center;
         display: inline-flex;
         justify-content: center;

src/components/ui/TextArea.tsx

@@ -48,7 +48,7 @@ export default styled.textarea<TextAreaProps>`
     ${(props) =>
         props.code
             ? css`
-                  font-family: var(--monoscape-font), monospace;
+                  font-family: var(--monospace-font), monospace;
               `
             : css`
                   font-family: inherit;