Reformat CSS styles

public/css/animations.css

@@ -55,11 +55,14 @@
 
 /* Flashing for highlighting animation */
 @keyframes flash {
-    0%, 50%, 100% {
+    0%,
+    50%,
+    100% {
         opacity: 1;
     }
 
-    25%, 75% {
+    25%,
+    75% {
         opacity: 0.2;
     }
 }

public/css/character-group-overlay.css

@@ -1,4 +1,3 @@
-
 #rm_print_characters_block.group_overlay_mode_select .character_select {
     transition: background-color 0.4s ease;
     background-color: rgba(170, 170, 170, 0.15);
@@ -28,7 +27,10 @@
     height: 0 !important;
 }
 
-#character_context_menu.hidden { display: none; }
+#character_context_menu.hidden {
+    display: none;
+}
+
 #character_context_menu {
     position: absolute;
     padding: 3px;

public/css/group-avatars.css

@@ -88,4 +88,4 @@
     max-height: 50%;
     width: 50%;
     height: 50%;
-}
+}

public/css/logprobs.css

@@ -76,7 +76,7 @@
     background-color: rgba(255, 0, 50, 0.4);
 }
 
-.logprobs_output_prefix:hover ~ .logprobs_output_prefix {
+.logprobs_output_prefix:hover~.logprobs_output_prefix {
     background-color: rgba(255, 0, 50, 0.4);
 }
 
@@ -115,7 +115,8 @@
     background-color: rgba(255, 255, 0, 0.05);
 }
 
-.logprobs_tint_0:hover, .logprobs_tint_0.selected {
+.logprobs_tint_0:hover,
+.logprobs_tint_0.selected {
     background-color: rgba(255, 255, 0, 0.4);
 }
 
@@ -123,7 +124,8 @@
     background-color: rgba(255, 0, 255, 0.05);
 }
 
-.logprobs_tint_1:hover, .logprobs_tint_1.selected {
+.logprobs_tint_1:hover,
+.logprobs_tint_1.selected {
     background-color: rgba(255, 0, 255, 0.4);
 }
 
@@ -131,7 +133,8 @@
     background-color: rgba(0, 255, 255, 0.05);
 }
 
-.logprobs_tint_2:hover, .logprobs_tint_2.selected {
+.logprobs_tint_2:hover,
+.logprobs_tint_2.selected {
     background-color: rgba(0, 255, 255, 0.4);
 }
 
@@ -139,6 +142,7 @@
     background-color: rgba(50, 205, 50, 0.05);
 }
 
-.logprobs_tint_3:hover, .logprobs_tint_3.selected {
+.logprobs_tint_3:hover,
+.logprobs_tint_3.selected {
     background-color: rgba(50, 205, 50, 0.4);
 }

public/css/popup.css

@@ -34,9 +34,17 @@ dialog {
 }
 
 /** Popup styles applied to the main popup */
-.popup--animation-fast { --popup-animation-speed: var(--animation-duration); }
-.popup--animation-slow { --popup-animation-speed: var(--animation-duration-slow); }
-.popup--animation-none { --popup-animation-speed: 0ms; }
+.popup--animation-fast {
+    --popup-animation-speed: var(--animation-duration);
+}
+
+.popup--animation-slow {
+    --popup-animation-speed: var(--animation-duration-slow);
+}
+
+.popup--animation-none {
+    --popup-animation-speed: 0ms;
+}
 
 /* Styling of main popup elements */
 .popup .popup-body {
@@ -190,4 +198,3 @@ body.no-blur .popup[open]::backdrop {
     /* Fix weird animation issue with font-scaling during popup open */
     backface-visibility: hidden;
 }
-

public/css/scrollable-button.css

@@ -1,7 +1,10 @@
 .scrollable-buttons-container {
-    max-height: 50vh;  /* Use viewport height instead of fixed pixels */
-    -webkit-overflow-scrolling: touch; /* Momentum scrolling on iOS */
-    margin-top: 1rem; /* m-t-1 is equivalent to margin-top: 1rem; */
+    /* Use viewport height instead of fixed pixels */
+    max-height: 50vh;
+    /* Momentum scrolling on iOS */
+    -webkit-overflow-scrolling: touch;
+    /* m-t-1 is equivalent to margin-top: 1rem; */
+    margin-top: 1rem;
     flex-shrink: 1;
     min-height: 0;
     scrollbar-width: thin;

public/css/toggle-dependent.css

@@ -231,6 +231,7 @@ body.big-avatars .avatars_inline_small .avatar img {
 body.big-avatars .avatars_inline {
     max-height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) + 2 * var(--avatar-base-border-radius));
 }
+
 body.big-avatars .avatars_inline.avatars_multiline {
     max-height: fit-content;
 }
@@ -238,6 +239,7 @@ body.big-avatars .avatars_inline.avatars_multiline {
 body.big-avatars .avatars_inline.avatars_inline_small {
     height: calc(var(--avatar-base-height) * var(--big-avatar-height-factor) * var(--inline-avatar-small-factor) + 2 * var(--avatar-base-border-radius));
 }
+
 body.big-avatars .avatars_inline.avatars_inline_small.avatars_multiline {
     height: inherit;
 }
@@ -504,11 +506,11 @@ label[for="trim_spaces"]:not(:has(input:checked)) small {
     filter: brightness(0.5);
 }
 
-#bind_preset_to_connection:checked ~ .toggleOff {
+#bind_preset_to_connection:checked~.toggleOff {
     display: none;
 }
 
-#bind_preset_to_connection:not(:checked) ~ .toggleOn {
+#bind_preset_to_connection:not(:checked)~.toggleOn {
     display: none;
 }