chore: run formatter

postcss.config.cjs

@@ -1,5 +1,5 @@
 // @ts-nocheck
-const csso = require('postcss-csso');
+const csso = require("postcss-csso");
 
 module.exports = {
 	// Restructure false, otherwise FFG site breaks

src/components/collection-card/collection-card.module.scss

@@ -61,7 +61,8 @@
 	margin-bottom: var(--collection-card_title_padding-bottom);
 }
 
-.title, .description {
+.title,
+.description {
 	// prevents text overflow when the container is smaller than a single word (issue #620)
 	// - this otherwise has no effect, since the container can always expand vertically
 	overflow: hidden;

src/styles/button.scss

@@ -187,7 +187,8 @@
 		background-color: var(--btn_primary_background-color_emphasized_hovered);
 	}
 
-	&:focus-visible, &.focusVisible {
+	&:focus-visible,
+	&.focusVisible {
 		box-shadow: 0 0 0 var(--btn_primary_focus-outline_width)
 			var(--btn_primary_focus-oultine_color);
 	}
@@ -205,7 +206,8 @@
 		background-color: var(--btn_secondary_background-color_emphasized_hovered);
 	}
 
-	&:focus-visible, &.focusVisible {
+	&:focus-visible,
+	&.focusVisible {
 		box-shadow: 0 0 0 var(--btn_secondary_focus-outline_width)
 			var(--btn_secondary_focus-oultine_color);
 	}
@@ -223,7 +225,8 @@
 		background-color: var(--btn_primary_background-color_default_hovered);
 	}
 
-	&:focus-visible, &.focusVisible {
+	&:focus-visible,
+	&.focusVisible {
 		box-shadow: 0 0 0 var(--btn_primary_focus-outline_width)
 			var(--btn_primary_focus-oultine_color);
 	}
@@ -241,7 +244,8 @@
 		background-color: var(--btn_secondary_background-color_default_hovered);
 	}
 
-	&:focus-visible, &.focusVisible {
+	&:focus-visible,
+	&.focusVisible {
 		box-shadow: 0 0 0 var(--btn_secondary_focus-outline_width)
 			var(--btn_secondary_focus-oultine_color);
 	}

src/views/collections/framework-field-guide/segments/pricing.module.scss

@@ -53,7 +53,7 @@
 		flex-direction: row;
 		flex-wrap: nowrap;
 		align-items: center;
-		margin-top: var(--spc-6x)
+		margin-top: var(--spc-6x);
 	}
 
 	.fundamentalsPricingCard {

src/views/collections/framework-field-guide/segments/what-do-i-get.module.scss

@@ -138,7 +138,13 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	background: linear-gradient(90deg, var(--section-background) 0%, transparent 33.33%, transparent 66.67%, var(--section-background) 100%);
+	background: linear-gradient(
+		90deg,
+		var(--section-background) 0%,
+		transparent 33.33%,
+		transparent 66.67%,
+		var(--section-background) 100%
+	);
 }
 
 .calendar {

src/views/collections/framework-field-guide/styles/global-ffg.css

@@ -26,7 +26,8 @@ body {
 	text-decoration: none;
 	background: none;
 	border: none;
-	transition: background var(--animSpeed) var(--animStyle),
+	transition:
+		background var(--animSpeed) var(--animStyle),
 		box-shadow var(--animSpeed) var(--animStyle),
 		border-color var(--animSpeed) var(--animStyle),
 		color var(--animStyle) var(--animSpeed);

src/views/collections/framework-field-guide/styles/shiki.scss

@@ -18,7 +18,9 @@ code .line::before {
 
 :root,
 .darkTheme {
-	&, & .shiki, &.shiki {
+	&,
+	& .shiki,
+	&.shiki {
 		--cardActiveBackground: #163954;
 		--white: black;
 		--textColor: var(--on-dark-emphasis-medium);

src/views/search/components/filter-dialog.tsx

@@ -56,9 +56,7 @@ const FilterDialogMobile = ({
 	return (
 		<div class={styles.mobileDialogContainer}>
 			<div class={styles.dialogTitleContainer}>
-				<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>
-					Filter
-				</h1>
+				<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>Filter</h1>
 			</div>
 			<FilterSection
 				title={"Tag"}
@@ -149,15 +147,18 @@ const FilterDialogSmallTablet = ({
 	return (
 		<div class={styles.tabletDialogContainer}>
 			<div class={styles.dialogTitleContainer}>
-				<LargeIconOnlyButton tag="button" type="button" onClick={onCancel} class={styles.closeButton}>
+				<LargeIconOnlyButton
+					tag="button"
+					type="button"
+					onClick={onCancel}
+					class={styles.closeButton}
+				>
 					<span
 						class={styles.closeIcon}
 						dangerouslySetInnerHTML={{ __html: close }}
 					/>
 				</LargeIconOnlyButton>
-				<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>
-					Filter
-				</h1>
+				<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>Filter</h1>
 				<LargeButton
 					variant="primary-emphasized"
 					tag="button"

src/views/search/components/filter-section.tsx

@@ -24,15 +24,15 @@ export const FilterSection = ({
 
 	const { setEl, size } = useElementSize();
 
-	const onScroll = (e: MouseEvent) => {
-		const target = (e.target as HTMLElement);
+	const onScroll = (e: Event) => {
+		const target = e.target as HTMLElement;
 		const scrollAmount = target.scrollTop;
 		if (scrollAmount > 0) {
-			target.classList.add("scrolled")
+			target.classList.add("scrolled");
 			return;
 		}
-		target.classList.remove("scrolled")
-	}
+		target.classList.remove("scrolled");
+	};
 
 	return (
 		<div
@@ -79,7 +79,11 @@ export const FilterSection = ({
 					</div>
 				)}
 			</div>
-			<div className={styles.sectionContent} aria-hidden={collapsed} onScroll={onScroll}>
+			<div
+				className={styles.sectionContent}
+				aria-hidden={collapsed}
+				onScroll={onScroll}
+			>
 				{children}
 			</div>
 		</div>