From a3e56447aa0eb893c02fa2668de4d5739e3fdfdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <code@moiety.me>
Date: Wed, 15 Oct 2025 18:57:22 +0200
Subject: [PATCH] [chore] lint Sass files

---
 .../flavours/glitch/styles/accessibility.scss | 10 ++--
 .../flavours/glitch/styles/admin.scss         |  6 +--
 .../flavours/glitch/styles/basics.scss        | 14 ++---
 .../glitch/styles/components/accounts.scss    |  2 +-
 .../glitch/styles/components/columns.scss     |  2 +-
 .../styles/components/compose_form.scss       |  8 +--
 .../glitch/styles/components/directory.scss   |  4 +-
 .../glitch/styles/components/doodle.scss      |  4 +-
 .../glitch/styles/components/drawer.scss      | 16 +++---
 .../styles/components/emoji_picker.scss       |  2 +-
 .../glitch/styles/components/index.scss       | 52 +++++++++----------
 .../glitch/styles/components/modal.scss       |  4 +-
 .../styles/components/privacy_policy.scss     |  4 +-
 .../glitch/styles/components/status.scss      |  1 +
 .../flavours/glitch/styles/contrast.scss      |  6 +--
 .../flavours/glitch/styles/forms.scss         | 44 ++++++++--------
 .../flavours/glitch/styles/gts/_config.scss   |  6 +--
 .../styles/gts/status/status-icons.scss       |  2 +-
 .../flavours/glitch/styles/index.scss         | 52 +++++++++----------
 .../flavours/glitch/styles/login.scss         |  6 +--
 .../glitch/styles/mastodon-light.scss         |  8 +--
 .../glitch/styles/mastodon-light/colors.scss  |  2 +-
 .../glitch/styles/mastodon-light/diff.scss    | 10 ++--
 .../styles/mastodon-light/variables.scss      |  2 +-
 .../flavours/glitch/styles/rtl.scss           |  4 +-
 .../flavours/glitch/styles/statuses.scss      |  2 +-
 .../glitch/styles/tangerine/_config.scss      |  4 +-
 .../flavours/glitch/styles/variables.scss     |  6 +--
 .../flavours/glitch/styles/widgets.scss       |  2 +-
 .../skins/glitch/contrast/common.scss         |  2 +-
 .../skins/glitch/mastodon-light/common.scss   |  2 +-
 app/javascript/styles/fonts/roboto-mono.scss  |  4 +-
 app/javascript/styles/fonts/roboto.scss       | 16 +++---
 33 files changed, 155 insertions(+), 154 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/accessibility.scss b/app/javascript/flavours/glitch/styles/accessibility.scss
index 5c75bcc1a..390c609c1 100644
--- a/app/javascript/flavours/glitch/styles/accessibility.scss
+++ b/app/javascript/flavours/glitch/styles/accessibility.scss
@@ -1,7 +1,7 @@
-$emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
-  'end' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign'
-  'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'on'
-  'registered' 'soon' 'spider' 'telephone_receiver' 'tm' 'top' 'wavy_dash' !default;
+$emojis-requiring-inversion: "back" "copyright" "curly_loop" "currency_exchange"
+  "end" "heavy_check_mark" "heavy_division_sign" "heavy_dollar_sign"
+  "heavy_minus_sign" "heavy_multiplication_x" "heavy_plus_sign" "on"
+  "registered" "soon" "spider" "telephone_receiver" "tm" "top" "wavy_dash" !default;
 
 %emoji-color-inversion {
   filter: invert(1);
@@ -9,7 +9,7 @@ $emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
 
 .emojione {
   @each $emoji in $emojis-requiring-inversion {
-    &[title=':#{$emoji}:'] {
+    &[title=":#{$emoji}:"] {
       @extend %emoji-color-inversion;
     }
   }
diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss
index 2f4027b03..7af0b616d 100644
--- a/app/javascript/flavours/glitch/styles/admin.scss
+++ b/app/javascript/flavours/glitch/styles/admin.scss
@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 $no-columns-breakpoint: 600px;
 $sidebar-width: 240px;
@@ -1456,7 +1456,7 @@ a.sparkline {
 
     &::after {
       display: block;
-      content: '';
+      content: "";
       width: 50px;
       height: 21px;
       position: absolute;
@@ -1850,7 +1850,7 @@ a.sparkline {
 
     &::after {
       position: absolute;
-      content: '';
+      content: "";
       width: 1px;
       background: $highlight-text-color;
       bottom: 0;
diff --git a/app/javascript/flavours/glitch/styles/basics.scss b/app/javascript/flavours/glitch/styles/basics.scss
index 34abaa0f8..5d45a5253 100644
--- a/app/javascript/flavours/glitch/styles/basics.scss
+++ b/app/javascript/flavours/glitch/styles/basics.scss
@@ -1,9 +1,9 @@
 @function hex-color($color) {
-  @if type-of($color) == 'color' {
+  @if type-of($color) == "color" {
     $color: str-slice(ie-hex-str($color), 4);
   }
 
-  @return '%23' + unquote($color);
+  @return "%23" + unquote($color);
 }
 
 body {
@@ -14,7 +14,7 @@ body {
   font-weight: 400;
   color: var(--color-fg);
   text-rendering: optimizelegibility;
-  font-feature-settings: 'kern';
+  font-feature-settings: "kern";
   text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
@@ -35,13 +35,13 @@ body {
       system-ui,
       -apple-system,
       BlinkMacSystemFont,
-      'Segoe UI',
+      "Segoe UI",
       Oxygen,
       Ubuntu,
       Cantarell,
-      'Fira Sans',
-      'Droid Sans',
-      'Helvetica Neue',
+      "Fira Sans",
+      "Droid Sans",
+      "Helvetica Neue",
       $font-sans-serif,
       sans-serif;
   }
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index 215fef775..89a46a612 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -467,7 +467,7 @@
       width: 2px;
       height: 24px;
       background: var(--color-notifications-lines);
-      content: '';
+      content: "";
     }
   }
 
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss
index f6393416d..841dd6f2e 100644
--- a/app/javascript/flavours/glitch/styles/components/columns.scss
+++ b/app/javascript/flavours/glitch/styles/components/columns.scss
@@ -295,7 +295,7 @@ $ui-header-height: 55px;
 
     &::before {
       display: block;
-      content: '';
+      content: "";
       position: absolute;
       bottom: -13px;
       inset-inline-start: 0;
diff --git a/app/javascript/flavours/glitch/styles/components/compose_form.scss b/app/javascript/flavours/glitch/styles/components/compose_form.scss
index e2c3157e5..8e1c8fb9a 100644
--- a/app/javascript/flavours/glitch/styles/components/compose_form.scss
+++ b/app/javascript/flavours/glitch/styles/components/compose_form.scss
@@ -64,7 +64,7 @@
     &:focus {
       outline: 0;
     }
-    @include single-column('screen and (max-width: 630px)') {
+    @include single-column("screen and (max-width: 630px)") {
       font-size: 16px;
     }
   }
@@ -103,7 +103,7 @@
     color: $highlight-text-color;
   }
 
-  input[type='checkbox'] {
+  input[type="checkbox"] {
     display: none;
   }
 
@@ -240,11 +240,11 @@
         outline: 0;
       }
 
-      @include single-column('screen and (max-width: 630px)') {
+      @include single-column("screen and (max-width: 630px)") {
         font-size: 16px;
       }
 
-      @include limited-single-column('screen and (max-width: 600px)') {
+      @include limited-single-column("screen and (max-width: 600px)") {
         height: 100px !important; // prevent auto-resize textarea
         resize: vertical;
       }
diff --git a/app/javascript/flavours/glitch/styles/components/directory.scss b/app/javascript/flavours/glitch/styles/components/directory.scss
index db9a23bce..4004ef758 100644
--- a/app/javascript/flavours/glitch/styles/components/directory.scss
+++ b/app/javascript/flavours/glitch/styles/components/directory.scss
@@ -42,8 +42,8 @@
   text-overflow: ellipsis;
   cursor: pointer;
 
-  input[type='radio'],
-  input[type='checkbox'] {
+  input[type="radio"],
+  input[type="checkbox"] {
     display: none;
   }
 
diff --git a/app/javascript/flavours/glitch/styles/components/doodle.scss b/app/javascript/flavours/glitch/styles/components/doodle.scss
index eb053c14d..7d15627d9 100644
--- a/app/javascript/flavours/glitch/styles/components/doodle.scss
+++ b/app/javascript/flavours/glitch/styles/components/doodle.scss
@@ -35,8 +35,8 @@ $doodle-background: #d9e1e8;
         margin-inline-end: 2px;
       }
 
-      input[type='number'],
-      input[type='text'] {
+      input[type="number"],
+      input[type="text"] {
         width: 40px;
       }
 
diff --git a/app/javascript/flavours/glitch/styles/components/drawer.scss b/app/javascript/flavours/glitch/styles/components/drawer.scss
index b4f8dbbcb..16b7a469c 100644
--- a/app/javascript/flavours/glitch/styles/components/drawer.scss
+++ b/app/javascript/flavours/glitch/styles/components/drawer.scss
@@ -16,11 +16,11 @@
     padding-inline-end: 10px;
   }
 
-  @include single-column('screen and (max-width: 630px)') {
+  @include single-column("screen and (max-width: 630px)") {
     flex: auto;
   }
 
-  @include limited-single-column('screen and (max-width: 630px)') {
+  @include limited-single-column("screen and (max-width: 630px)") {
     &,
     &:first-child,
     &:last-child {
@@ -34,7 +34,7 @@
     flex: 1 1 200px;
   }
 
-  @include single-column('screen and (max-width: 630px)') {
+  @include single-column("screen and (max-width: 630px)") {
     :root & {
       //  Overrides `.wide` for single-column view
       flex: auto;
@@ -109,11 +109,11 @@
   flex: none;
 
   @include limited-single-column(
-    'screen and (max-width: #{$no-gap-breakpoint})'
+    "screen and (max-width: #{$no-gap-breakpoint})"
   ) {
     margin-bottom: 0;
   }
-  @include single-column('screen and (max-width: 630px)') {
+  @include single-column("screen and (max-width: 630px)") {
     font-size: 16px;
   }
 }
@@ -299,7 +299,7 @@
   .mbstobon-#{$i} .drawer__inner__mastodon {
     @if $i == 3 {
       background:
-        url('~flavours/glitch/images/wave-drawer.png')
+        url("~flavours/glitch/images/wave-drawer.png")
           no-repeat
           bottom /
           100%
@@ -307,7 +307,7 @@
         lighten($ui-base-color, 4%);
     } @else {
       background:
-        url('~flavours/glitch/images/wave-drawer-glitched.png')
+        url("~flavours/glitch/images/wave-drawer-glitched.png")
           no-repeat
           bottom /
           100%
@@ -316,7 +316,7 @@
     }
 
     & > .mastodon {
-      background: url('~flavours/glitch/images/mbstobon-ui-#{$i}.png')
+      background: url("~flavours/glitch/images/mbstobon-ui-#{$i}.png")
         no-repeat
         left
         bottom /
diff --git a/app/javascript/flavours/glitch/styles/components/emoji_picker.scss b/app/javascript/flavours/glitch/styles/components/emoji_picker.scss
index e402838db..2297573f2 100644
--- a/app/javascript/flavours/glitch/styles/components/emoji_picker.scss
+++ b/app/javascript/flavours/glitch/styles/components/emoji_picker.scss
@@ -174,7 +174,7 @@
 
   &:hover::before {
     z-index: 0;
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     inset-inline-start: 0;
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index c221f82b3..1f1332500 100644
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -1,26 +1,26 @@
-@import 'misc';
-@import 'boost';
-@import 'accounts';
-@import 'domains';
-@import 'status';
-@import 'modal';
-@import 'compose_form';
-@import 'columns';
-@import 'regeneration_indicator';
-@import 'directory';
-@import 'search';
-@import 'emoji';
-@import 'doodle';
-@import 'drawer';
-@import 'media';
-@import 'sensitive';
-@import 'lists';
-@import 'emoji_picker';
-@import 'local_settings';
-@import 'single_column';
-@import 'announcements';
-@import 'explore';
-@import 'scrollbars';
-@import 'signed_out';
-@import 'privacy_policy';
-@import 'about';
+@import "misc";
+@import "boost";
+@import "accounts";
+@import "domains";
+@import "status";
+@import "modal";
+@import "compose_form";
+@import "columns";
+@import "regeneration_indicator";
+@import "directory";
+@import "search";
+@import "emoji";
+@import "doodle";
+@import "drawer";
+@import "media";
+@import "sensitive";
+@import "lists";
+@import "emoji_picker";
+@import "local_settings";
+@import "single_column";
+@import "announcements";
+@import "explore";
+@import "scrollbars";
+@import "signed_out";
+@import "privacy_policy";
+@import "about";
diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 6049cac93..27e706a3f 100644
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -267,7 +267,7 @@
 }
 
 .onboarding-modal__page__wrapper-0 {
-  background: url('~images/elephant_ui_greeting.svg') no-repeat left bottom /
+  background: url("~images/elephant_ui_greeting.svg") no-repeat left bottom /
     auto 250px;
   height: 100%;
   padding: 0;
@@ -1204,7 +1204,7 @@
     width: 100px;
     height: 100px;
     transform: translate(-50%, -50%);
-    background: url('~images/reticle.png') no-repeat 0 0;
+    background: url("~images/reticle.png") no-repeat 0 0;
     border-radius: 50%;
     box-shadow: 0 0 0 9999em rgba($base-shadow-color, 0.35);
   }
diff --git a/app/javascript/flavours/glitch/styles/components/privacy_policy.scss b/app/javascript/flavours/glitch/styles/components/privacy_policy.scss
index cab78402b..f00c49c65 100644
--- a/app/javascript/flavours/glitch/styles/components/privacy_policy.scss
+++ b/app/javascript/flavours/glitch/styles/components/privacy_policy.scss
@@ -87,14 +87,14 @@
     counter-increment: list-counter;
 
     &::before {
-      content: counter(list-counter) '.';
+      content: counter(list-counter) ".";
       position: absolute;
       inset-inline-start: 0;
     }
   }
 
   ul > li::before {
-    content: '';
+    content: "";
     position: absolute;
     background-color: $darker-text-color;
     border-radius: 50%;
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 4a3f62e19..1d2d130e2 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -216,6 +216,7 @@
 
   &.status-direct {
     --color-status-bg: #{mix($ui-base-color, $ui-highlight-color, 95%)};
+
     border-bottom-color: lighten($ui-base-color, 12%);
   }
 
diff --git a/app/javascript/flavours/glitch/styles/contrast.scss b/app/javascript/flavours/glitch/styles/contrast.scss
index 4de31db9a..4fbc359bf 100644
--- a/app/javascript/flavours/glitch/styles/contrast.scss
+++ b/app/javascript/flavours/glitch/styles/contrast.scss
@@ -1,3 +1,3 @@
-@import 'contrast/variables';
-@import 'index';
-@import 'contrast/diff';
+@import "contrast/variables";
+@import "index";
+@import "contrast/diff";
diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss
index b8fc4a653..531c5b204 100644
--- a/app/javascript/flavours/glitch/styles/forms.scss
+++ b/app/javascript/flavours/glitch/styles/forms.scss
@@ -309,9 +309,9 @@ code {
       max-width: 100%;
       height: auto;
       border-radius: 4px;
-      background: url('images/void.png');
+      background: url("images/void.png");
 
-      &[src$='missing.png'] {
+      &[src$="missing.png"] {
         visibility: hidden;
       }
 
@@ -404,7 +404,7 @@ code {
         flex: 1 1 auto;
       }
 
-      input[type='checkbox'] {
+      input[type="checkbox"] {
         position: absolute;
         inset-inline-start: 0;
         top: 5px;
@@ -420,12 +420,12 @@ code {
     border-radius: 4px;
   }
 
-  input[type='text'],
-  input[type='number'],
-  input[type='email'],
-  input[type='password'],
-  input[type='url'],
-  input[type='datetime-local'],
+  input[type="text"],
+  input[type="number"],
+  input[type="email"],
+  input[type="password"],
+  input[type="url"],
+  input[type="datetime-local"],
   textarea {
     box-sizing: border-box;
     font-size: 16px;
@@ -463,11 +463,11 @@ code {
     }
   }
 
-  input[type='text'],
-  input[type='number'],
-  input[type='email'],
-  input[type='password'],
-  input[type='datetime-local'] {
+  input[type="text"],
+  input[type="number"],
+  input[type="email"],
+  input[type="password"],
+  input[type="datetime-local"] {
     &:focus:invalid:not(:placeholder-shown),
     &:required:invalid:not(:placeholder-shown) {
       border-color: lighten($error-red, 12%);
@@ -479,11 +479,11 @@ code {
       color: lighten($error-red, 12%);
     }
 
-    input[type='text'],
-    input[type='number'],
-    input[type='email'],
-    input[type='password'],
-    input[type='datetime-local'],
+    input[type="text"],
+    input[type="number"],
+    input[type="email"],
+    input[type="password"],
+    input[type="datetime-local"],
     textarea,
     select {
       border-color: lighten($error-red, 12%);
@@ -619,7 +619,7 @@ code {
       overflow: hidden;
 
       &::after {
-        content: '';
+        content: "";
         display: block;
         position: absolute;
         top: 0;
@@ -1019,7 +1019,7 @@ code {
     flex: 1 1 auto;
   }
 
-  input[type='text'] {
+  input[type="text"] {
     background: transparent;
     border: 0;
     padding: 10px;
@@ -1205,7 +1205,7 @@ code {
     border-color: $highlight-text-color;
 
     &::before {
-      content: '';
+      content: "";
       width: 10px;
       height: 10px;
       border-radius: 50%;
diff --git a/app/javascript/flavours/glitch/styles/gts/_config.scss b/app/javascript/flavours/glitch/styles/gts/_config.scss
index f52cf0f1c..0bb95ca80 100644
--- a/app/javascript/flavours/glitch/styles/gts/_config.scss
+++ b/app/javascript/flavours/glitch/styles/gts/_config.scss
@@ -6,8 +6,8 @@
 */
 
 /* 🛠️ Config */
-@import 'colors';
-@import 'sizes';
+@import "colors";
+@import "sizes";
 
 /* 🧩 Components */
-@import 'status';
+@import "status";
diff --git a/app/javascript/flavours/glitch/styles/gts/status/status-icons.scss b/app/javascript/flavours/glitch/styles/gts/status/status-icons.scss
index 69fb1916e..d88ad0726 100644
--- a/app/javascript/flavours/glitch/styles/gts/status/status-icons.scss
+++ b/app/javascript/flavours/glitch/styles/gts/status/status-icons.scss
@@ -22,7 +22,7 @@
         right: calc(100% + 5px);
         width: 20px;
         height: 100%;
-        content: '';
+        content: "";
         background: linear-gradient(90deg, transparent, var(--color-status-bg));
         transition: all 0.2s;
     }
diff --git a/app/javascript/flavours/glitch/styles/index.scss b/app/javascript/flavours/glitch/styles/index.scss
index ffebce630..f06ffdb14 100644
--- a/app/javascript/flavours/glitch/styles/index.scss
+++ b/app/javascript/flavours/glitch/styles/index.scss
@@ -1,28 +1,28 @@
-@import 'mixins';
-@import 'variables';
-@import 'styles/fonts/roboto';
-@import 'styles/fonts/roboto-mono';
+@import "mixins";
+@import "variables";
+@import "styles/fonts/roboto";
+@import "styles/fonts/roboto-mono";
 
-@import 'reset';
-@import 'basics';
-@import 'branding';
-@import 'containers';
-@import 'lists';
-@import 'modal';
-@import 'widgets';
-@import 'forms';
-@import 'accounts';
-@import 'statuses';
-@import 'components/index';
-@import 'polls';
-@import 'about';
-@import 'tables';
-@import 'admin';
-@import 'accessibility';
-@import 'rtl';
-@import 'dashboard';
-@import 'rich_text';
+@import "reset";
+@import "basics";
+@import "branding";
+@import "containers";
+@import "lists";
+@import "modal";
+@import "widgets";
+@import "forms";
+@import "accounts";
+@import "statuses";
+@import "components/index";
+@import "polls";
+@import "about";
+@import "tables";
+@import "admin";
+@import "accessibility";
+@import "rtl";
+@import "dashboard";
+@import "rich_text";
 
-@import 'gts';
-@import 'gts/config';
-@import 'tangerine/config';
+@import "gts";
+@import "gts/config";
+@import "tangerine/config";
diff --git a/app/javascript/flavours/glitch/styles/login.scss b/app/javascript/flavours/glitch/styles/login.scss
index c5e702510..3798aff4d 100644
--- a/app/javascript/flavours/glitch/styles/login.scss
+++ b/app/javascript/flavours/glitch/styles/login.scss
@@ -1,5 +1,5 @@
-@import 'styles/fonts/roboto';
-@import 'reset';
+@import "styles/fonts/roboto";
+@import "reset";
 
 :root {
     --color-bg: #191b22;
@@ -91,7 +91,7 @@ button {
     }
 }
 
-input[type='text'] {
+input[type="text"] {
     display: block;
     margin: 0;
     padding: 15px;
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light.scss b/app/javascript/flavours/glitch/styles/mastodon-light.scss
index 1f4a7d7ba..dff29d4a4 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light.scss
@@ -1,4 +1,4 @@
-@import 'mastodon-light/variables';
-@import 'index';
-@import 'mastodon-light/diff';
-@import 'mastodon-light/colors';
+@import "mastodon-light/variables";
+@import "index";
+@import "mastodon-light/diff";
+@import "mastodon-light/colors";
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss b/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss
index 47e1b7dfe..b642406f4 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss
@@ -40,5 +40,5 @@
   /* Status */
   --color-status-fg: var(--color-fg);
   --color-status-bg: #fff;
-  --color-status-bg--focus: hsl(0, 0%, 96%);
+  --color-status-bg--focus: hsl(0deg, 0%, 96%);
 }
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
index af9faacf1..0dc34bf4c 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
@@ -141,7 +141,7 @@ html {
 }
 
 .compose-form__autosuggest-wrapper,
-.poll__option input[type='text'],
+.poll__option input[type="text"],
 .compose-form .spoiler-input__input,
 .compose-form__poll-wrapper select,
 .search__input,
@@ -495,10 +495,10 @@ html {
 }
 
 .simple_form {
-  input[type='text'],
-  input[type='number'],
-  input[type='email'],
-  input[type='password'],
+  input[type="text"],
+  input[type="number"],
+  input[type="email"],
+  input[type="password"],
   textarea {
     &:hover {
       border-color: lighten($ui-base-color, 12%);
diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
index 250e200fc..bed4e20c2 100644
--- a/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
+++ b/app/javascript/flavours/glitch/styles/mastodon-light/variables.scss
@@ -54,4 +54,4 @@ $account-background-color: $white !default;
   @return hsl(hue($color), saturation($color), lightness($color) - $amount);
 }
 
-$emojis-requiring-inversion: 'chains';
+$emojis-requiring-inversion: "chains";
diff --git a/app/javascript/flavours/glitch/styles/rtl.scss b/app/javascript/flavours/glitch/styles/rtl.scss
index e69d5d789..a9044fdbf 100644
--- a/app/javascript/flavours/glitch/styles/rtl.scss
+++ b/app/javascript/flavours/glitch/styles/rtl.scss
@@ -107,11 +107,11 @@ body.rtl {
   }
 
   .fa-chevron-left::before {
-    content: '\F054';
+    content: "\F054";
   }
 
   .fa-chevron-right::before {
-    content: '\F053';
+    content: "\F053";
   }
 
   .dismissable-banner,
diff --git a/app/javascript/flavours/glitch/styles/statuses.scss b/app/javascript/flavours/glitch/styles/statuses.scss
index 0a46cf855..76606e7e7 100644
--- a/app/javascript/flavours/glitch/styles/statuses.scss
+++ b/app/javascript/flavours/glitch/styles/statuses.scss
@@ -86,7 +86,7 @@
 }
 
 .embed {
-  .status__content[data-spoiler='folded'] {
+  .status__content[data-spoiler="folded"] {
     .e-content {
       display: none;
     }
diff --git a/app/javascript/flavours/glitch/styles/tangerine/_config.scss b/app/javascript/flavours/glitch/styles/tangerine/_config.scss
index 58eefaab2..16ba9d8ad 100644
--- a/app/javascript/flavours/glitch/styles/tangerine/_config.scss
+++ b/app/javascript/flavours/glitch/styles/tangerine/_config.scss
@@ -4,7 +4,7 @@
 */
 
 /* 🛠️ Config */
-@import 'keyframes';
+@import "keyframes";
 
 /* 🧩 Components */
-@import 'status-bar';
+@import "status-bar";
diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss
index 77c52d7b0..c67cf05d3 100644
--- a/app/javascript/flavours/glitch/styles/variables.scss
+++ b/app/javascript/flavours/glitch/styles/variables.scss
@@ -83,9 +83,9 @@ $media-modal-media-max-height: 80%;
 
 $no-gap-breakpoint: 1175px;
 
-$font-sans-serif: 'mastodon-font-sans-serif' !default;
-$font-display: 'mastodon-font-display' !default;
-$font-monospace: 'mastodon-font-monospace' !default;
+$font-sans-serif: "mastodon-font-sans-serif" !default;
+$font-display: "mastodon-font-display" !default;
+$font-monospace: "mastodon-font-monospace" !default;
 
 // Avatar border size (8% default, 100% for rounded avatars)
 $ui-avatar-border-size: 8%;
diff --git a/app/javascript/flavours/glitch/styles/widgets.scss b/app/javascript/flavours/glitch/styles/widgets.scss
index f54d2f2e5..151c3e419 100644
--- a/app/javascript/flavours/glitch/styles/widgets.scss
+++ b/app/javascript/flavours/glitch/styles/widgets.scss
@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 .hero-widget {
   margin-bottom: 10px;
diff --git a/app/javascript/skins/glitch/contrast/common.scss b/app/javascript/skins/glitch/contrast/common.scss
index 90919d6d4..f5a34165f 100644
--- a/app/javascript/skins/glitch/contrast/common.scss
+++ b/app/javascript/skins/glitch/contrast/common.scss
@@ -1 +1 @@
-@import 'flavours/glitch/styles/contrast';
+@import "flavours/glitch/styles/contrast";
diff --git a/app/javascript/skins/glitch/mastodon-light/common.scss b/app/javascript/skins/glitch/mastodon-light/common.scss
index c37f407b3..7d7c68318 100644
--- a/app/javascript/skins/glitch/mastodon-light/common.scss
+++ b/app/javascript/skins/glitch/mastodon-light/common.scss
@@ -1 +1 @@
-@import 'flavours/glitch/styles/mastodon-light';
+@import "flavours/glitch/styles/mastodon-light";
diff --git a/app/javascript/styles/fonts/roboto-mono.scss b/app/javascript/styles/fonts/roboto-mono.scss
index 885642c77..5575d11c7 100644
--- a/app/javascript/styles/fonts/roboto-mono.scss
+++ b/app/javascript/styles/fonts/roboto-mono.scss
@@ -1,8 +1,8 @@
 @font-face {
   font-family: mastodon-font-monospace;
   src:
-    local('Roboto Mono'),
-    url('~fonts/roboto-mono/robotomono-regular-webfont.woff2') format('woff2');
+    local("Roboto Mono"),
+    url("~fonts/roboto-mono/robotomono-regular-webfont.woff2") format("woff2");
   font-weight: 400;
   font-display: swap;
   font-style: normal;
diff --git a/app/javascript/styles/fonts/roboto.scss b/app/javascript/styles/fonts/roboto.scss
index 393ba27b9..6434fdc18 100644
--- a/app/javascript/styles/fonts/roboto.scss
+++ b/app/javascript/styles/fonts/roboto.scss
@@ -1,8 +1,8 @@
 @font-face {
   font-family: mastodon-font-sans-serif;
   src:
-    local('Roboto Italic'),
-    url('~fonts/roboto/roboto-italic-webfont.woff2') format('woff2');
+    local("Roboto Italic"),
+    url("~fonts/roboto/roboto-italic-webfont.woff2") format("woff2");
   font-weight: normal;
   font-display: swap;
   font-style: italic;
@@ -11,8 +11,8 @@
 @font-face {
   font-family: mastodon-font-sans-serif;
   src:
-    local('Roboto Bold'),
-    url('~fonts/roboto/roboto-bold-webfont.woff2') format('woff2');
+    local("Roboto Bold"),
+    url("~fonts/roboto/roboto-bold-webfont.woff2") format("woff2");
   font-weight: bold;
   font-display: swap;
   font-style: normal;
@@ -21,8 +21,8 @@
 @font-face {
   font-family: mastodon-font-sans-serif;
   src:
-    local('Roboto Medium'),
-    url('~fonts/roboto/roboto-medium-webfont.woff2') format('woff2');
+    local("Roboto Medium"),
+    url("~fonts/roboto/roboto-medium-webfont.woff2") format("woff2");
   font-weight: 500;
   font-display: swap;
   font-style: normal;
@@ -31,8 +31,8 @@
 @font-face {
   font-family: mastodon-font-sans-serif;
   src:
-    local('Roboto'),
-    url('~fonts/roboto/roboto-regular-webfont.woff2') format('woff2');
+    local("Roboto"),
+    url("~fonts/roboto/roboto-regular-webfont.woff2") format("woff2");
   font-weight: normal;
   font-display: swap;
   font-style: normal;