Skip to content

Commit 3ba9627

Browse files
crutchcorncrutchcorn
committed
chore: run formatter
1 parent 713f3bd commit 3ba9627

File tree

11 files changed

+197
-178
lines changed

11 files changed

+197
-178
lines changed

‎postcss.config.cjs

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// @ts-nocheck
2-
const csso = require('postcss-csso');
2+
const csso = require("postcss-csso");
33

44
module.exports = {
55
// Restructure false, otherwise FFG site breaks
6-
plugins: [require("autoprefixer"), csso({restructure: false})],
6+
plugins: [require("autoprefixer"), csso({ restructure: false })],
77
};

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

+3-2
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
margin-left: var(--collection-card_content_padding-left);
5151
margin-right: var(--collection-card_content_padding-right);
5252

53-
&> div {
53+
& > div {
5454
// prevent div from expanding beyond container size due to text overflow
5555
min-width: 0;
5656
}
@@ -61,7 +61,8 @@
6161
margin-bottom: var(--collection-card_title_padding-bottom);
6262
}
6363

64-
.title, .description {
64+
.title,
65+
.description {
6566
// prevents text overflow when the container is smaller than a single word (issue #620)
6667
// - this otherwise has no effect, since the container can always expand vertically
6768
overflow: hidden;

‎src/styles/button.scss

+8-4
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,8 @@
187187
background-color: var(--btn_primary_background-color_emphasized_hovered);
188188
}
189189

190-
&:focus-visible, &.focusVisible {
190+
&:focus-visible,
191+
&.focusVisible {
191192
box-shadow: 0 0 0 var(--btn_primary_focus-outline_width)
192193
var(--btn_primary_focus-oultine_color);
193194
}
@@ -205,7 +206,8 @@
205206
background-color: var(--btn_secondary_background-color_emphasized_hovered);
206207
}
207208

208-
&:focus-visible, &.focusVisible {
209+
&:focus-visible,
210+
&.focusVisible {
209211
box-shadow: 0 0 0 var(--btn_secondary_focus-outline_width)
210212
var(--btn_secondary_focus-oultine_color);
211213
}
@@ -223,7 +225,8 @@
223225
background-color: var(--btn_primary_background-color_default_hovered);
224226
}
225227

226-
&:focus-visible, &.focusVisible {
228+
&:focus-visible,
229+
&.focusVisible {
227230
box-shadow: 0 0 0 var(--btn_primary_focus-outline_width)
228231
var(--btn_primary_focus-oultine_color);
229232
}
@@ -241,7 +244,8 @@
241244
background-color: var(--btn_secondary_background-color_default_hovered);
242245
}
243246

244-
&:focus-visible, &.focusVisible {
247+
&:focus-visible,
248+
&.focusVisible {
245249
box-shadow: 0 0 0 var(--btn_secondary_focus-outline_width)
246250
var(--btn_secondary_focus-oultine_color);
247251
}

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

+75-75
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,75 @@
1-
@import "../tokens/utils";
2-
@import "../tokens/breakpoints.scss";
3-
4-
.pricingContainer {
5-
padding: var(--section-ver-padding) var(--section-hor-padding);
6-
max-width: var(--max-width_large);
7-
margin: 0 auto;
8-
text-align: center;
9-
display: flex;
10-
flex-direction: column;
11-
gap: var(--spc-1x);
12-
/* Specifically for the "Sale" price to avoid overflow */
13-
overflow: hidden;
14-
}
15-
16-
.pricingTitle {
17-
color: var(--on-dark-emphasis-high);
18-
margin: 0;
19-
}
20-
21-
.pricingSubtitle {
22-
color: var(--on-dark-emphasis-medium);
23-
margin: 0;
24-
}
25-
26-
.pricingSubsubtitle {
27-
color: var(--on-dark-emphasis-low);
28-
margin: 0;
29-
}
30-
31-
.pricingCardContainer {
32-
margin: 0;
33-
padding: 0;
34-
list-style: none;
35-
margin-top: var(--spc-3x);
36-
display: flex;
37-
flex-direction: column;
38-
gap: var(--section-hor-padding);
39-
}
40-
41-
.fundamentalsPricingCard {
42-
}
43-
44-
.ecosystemPricingCard {
45-
}
46-
47-
.internalsPricingCard {
48-
}
49-
50-
@include from($desktop) {
51-
.pricingCardContainer {
52-
gap: 0;
53-
flex-direction: row;
54-
flex-wrap: nowrap;
55-
align-items: center;
56-
margin-top: var(--spc-6x)
57-
}
58-
59-
.fundamentalsPricingCard {
60-
order: 2;
61-
z-index: 1;
62-
}
63-
64-
.ecosystemPricingCard {
65-
order: 1;
66-
margin-right: calc(0px - var(--pricing-container-radius));
67-
height: fit-content;
68-
}
69-
70-
.internalsPricingCard {
71-
order: 3;
72-
margin-left: calc(0px - var(--pricing-container-radius));
73-
height: fit-content;
74-
}
75-
}
1+
@import "../tokens/utils";
2+
@import "../tokens/breakpoints.scss";
3+
4+
.pricingContainer {
5+
padding: var(--section-ver-padding) var(--section-hor-padding);
6+
max-width: var(--max-width_large);
7+
margin: 0 auto;
8+
text-align: center;
9+
display: flex;
10+
flex-direction: column;
11+
gap: var(--spc-1x);
12+
/* Specifically for the "Sale" price to avoid overflow */
13+
overflow: hidden;
14+
}
15+
16+
.pricingTitle {
17+
color: var(--on-dark-emphasis-high);
18+
margin: 0;
19+
}
20+
21+
.pricingSubtitle {
22+
color: var(--on-dark-emphasis-medium);
23+
margin: 0;
24+
}
25+
26+
.pricingSubsubtitle {
27+
color: var(--on-dark-emphasis-low);
28+
margin: 0;
29+
}
30+
31+
.pricingCardContainer {
32+
margin: 0;
33+
padding: 0;
34+
list-style: none;
35+
margin-top: var(--spc-3x);
36+
display: flex;
37+
flex-direction: column;
38+
gap: var(--section-hor-padding);
39+
}
40+
41+
.fundamentalsPricingCard {
42+
}
43+
44+
.ecosystemPricingCard {
45+
}
46+
47+
.internalsPricingCard {
48+
}
49+
50+
@include from($desktop) {
51+
.pricingCardContainer {
52+
gap: 0;
53+
flex-direction: row;
54+
flex-wrap: nowrap;
55+
align-items: center;
56+
margin-top: var(--spc-6x);
57+
}
58+
59+
.fundamentalsPricingCard {
60+
order: 2;
61+
z-index: 1;
62+
}
63+
64+
.ecosystemPricingCard {
65+
order: 1;
66+
margin-right: calc(0px - var(--pricing-container-radius));
67+
height: fit-content;
68+
}
69+
70+
.internalsPricingCard {
71+
order: 3;
72+
margin-left: calc(0px - var(--pricing-container-radius));
73+
height: fit-content;
74+
}
75+
}

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

+7-1
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,13 @@
138138
left: 0;
139139
width: 100%;
140140
height: 100%;
141-
background: linear-gradient(90deg, var(--section-background) 0%, transparent 33.33%, transparent 66.67%, var(--section-background) 100%);
141+
background: linear-gradient(
142+
90deg,
143+
var(--section-background) 0%,
144+
transparent 33.33%,
145+
transparent 66.67%,
146+
var(--section-background) 100%
147+
);
142148
}
143149

144150
.calendar {

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

+2-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,8 @@ body {
2626
text-decoration: none;
2727
background: none;
2828
border: none;
29-
transition: background var(--animSpeed) var(--animStyle),
29+
transition:
30+
background var(--animSpeed) var(--animStyle),
3031
box-shadow var(--animSpeed) var(--animStyle),
3132
border-color var(--animSpeed) var(--animStyle),
3233
color var(--animStyle) var(--animSpeed);

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

+3-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,9 @@ code .line::before {
1818

1919
:root,
2020
.darkTheme {
21-
&, & .shiki, &.shiki {
21+
&,
22+
& .shiki,
23+
&.shiki {
2224
--cardActiveBackground: #163954;
2325
--white: black;
2426
--textColor: var(--on-dark-emphasis-medium);

‎src/views/collections/framework-field-guide/tokens/dimensions.scss

+43-43
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,43 @@
1-
:root {
2-
--spc-1x: 8px;
3-
--spc-2x: 16px;
4-
--spc-3x: 24px;
5-
--spc-4x: 32px;
6-
--spc-5x: 40px;
7-
--spc-6x: 48px;
8-
9-
/* MAX WIDTHS */
10-
--max-width_xsmall: 640px;
11-
--max-width_small: 960px;
12-
--max-width_large: 1280px;
13-
14-
/* BORDER WIDTH */
15-
16-
--border-1x: 1px;
17-
--border-2x: 2px;
18-
--border-3x: 3px;
19-
--border-4x: 4px;
20-
21-
/* AVATARS */
22-
23-
--avatar-size_huge: 96px;
24-
--avatar-size_large: 72px;
25-
--avatar-size_medium: 40px;
26-
--avatar-size_small: 24px;
27-
28-
/* CORNER RADIUS */
29-
30-
--corner-radius-1x: 8px;
31-
--corner-radius-2x: 16px;
32-
--corner-radius-3x: 24px;
33-
--corner-radius-4x: 32px;
34-
--corner-radius-5x: 40px;
35-
--corner-radius-6x: 48px;
36-
--corner-radius-circular: 999999px;
37-
--corner-radius-circle: 50%;
38-
39-
/* FOCUS */
40-
41-
--focus-border_gap: 4px;
42-
--focus-border_width: var(--border-4x);
43-
}
1+
:root {
2+
--spc-1x: 8px;
3+
--spc-2x: 16px;
4+
--spc-3x: 24px;
5+
--spc-4x: 32px;
6+
--spc-5x: 40px;
7+
--spc-6x: 48px;
8+
9+
/* MAX WIDTHS */
10+
--max-width_xsmall: 640px;
11+
--max-width_small: 960px;
12+
--max-width_large: 1280px;
13+
14+
/* BORDER WIDTH */
15+
16+
--border-1x: 1px;
17+
--border-2x: 2px;
18+
--border-3x: 3px;
19+
--border-4x: 4px;
20+
21+
/* AVATARS */
22+
23+
--avatar-size_huge: 96px;
24+
--avatar-size_large: 72px;
25+
--avatar-size_medium: 40px;
26+
--avatar-size_small: 24px;
27+
28+
/* CORNER RADIUS */
29+
30+
--corner-radius-1x: 8px;
31+
--corner-radius-2x: 16px;
32+
--corner-radius-3x: 24px;
33+
--corner-radius-4x: 32px;
34+
--corner-radius-5x: 40px;
35+
--corner-radius-6x: 48px;
36+
--corner-radius-circular: 999999px;
37+
--corner-radius-circle: 50%;
38+
39+
/* FOCUS */
40+
41+
--focus-border_gap: 4px;
42+
--focus-border_width: var(--border-4x);
43+
}

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

+8-7
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,7 @@ const FilterDialogMobile = ({
5656
return (
5757
<div class={styles.mobileDialogContainer}>
5858
<div class={styles.dialogTitleContainer}>
59-
<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>
60-
Filter
61-
</h1>
59+
<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>Filter</h1>
6260
</div>
6361
<FilterSection
6462
title={"Tag"}
@@ -149,15 +147,18 @@ const FilterDialogSmallTablet = ({
149147
return (
150148
<div class={styles.tabletDialogContainer}>
151149
<div class={styles.dialogTitleContainer}>
152-
<LargeIconOnlyButton tag="button" type="button" onClick={onCancel} class={styles.closeButton}>
150+
<LargeIconOnlyButton
151+
tag="button"
152+
type="button"
153+
onClick={onCancel}
154+
class={styles.closeButton}
155+
>
153156
<span
154157
class={styles.closeIcon}
155158
dangerouslySetInnerHTML={{ __html: close }}
156159
/>
157160
</LargeIconOnlyButton>
158-
<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>
159-
Filter
160-
</h1>
161+
<h1 class={`text-style-headline-4 ${styles.dialogTitle}`}>Filter</h1>
161162
<LargeButton
162163
variant="primary-emphasized"
163164
tag="button"

0 commit comments

Comments
 (0)