Skip to content

Commit a834d0a

Browse files
OksamiesOksamies
committed
Run pre-commit with updated stylelint versions
1 parent 7bc7055 commit a834d0a

File tree

29 files changed

+499
-410
lines changed

29 files changed

+499
-410
lines changed

Diff for: ‎apps/cyberstorm-remix/app/Error.module.css

+227-239
Large diffs are not rendered by default.

Diff for: ‎apps/cyberstorm-remix/app/Markdown.module.css

+34-10
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@
88
line-height: 1.6rem;
99
}
1010

11-
.root > :first-child { padding-top: 0; }
11+
.root > :first-child {
12+
padding-top: 0;
13+
}
1214

1315
/*
1416
We can't control the elements inside the Markdown wrapper, e.g. to
@@ -43,11 +45,25 @@
4345
padding-top: 1rem;
4446
}
4547

46-
.root h1 { font-size: 2.25rem; }
47-
.root h2 { font-size: 1.75rem; }
48-
.root h3 { font-size: 1.25rem; }
49-
.root h4 { font-size: 1rem; }
50-
.root h5 { font-size: 0.875rem; }
48+
.root h1 {
49+
font-size: 2.25rem;
50+
}
51+
52+
.root h2 {
53+
font-size: 1.75rem;
54+
}
55+
56+
.root h3 {
57+
font-size: 1.25rem;
58+
}
59+
60+
.root h4 {
61+
font-size: 1rem;
62+
}
63+
64+
.root h5 {
65+
font-size: 0.875rem;
66+
}
5167

5268
.root h6 {
5369
color: #9c9cc4;
@@ -59,7 +75,9 @@
5975
margin-inline-start: 0.75rem;
6076
}
6177

62-
.root img { display: inline-block; }
78+
.root img {
79+
display: inline-block;
80+
}
6381

6482
.root li > ul,
6583
.root li > ol {
@@ -96,7 +114,9 @@
96114
color: #f5f5f6;
97115
}
98116

99-
.root a { color: var(--old--color-cyber-green--50); }
117+
.root a {
118+
color: var(--old--color-cyber-green--50);
119+
}
100120

101121
.root blockquote {
102122
display: flex;
@@ -111,9 +131,13 @@
111131
border-spacing: 0;
112132
}
113133

114-
.root tbody tr:nth-child(even) { background: #0d0d21; }
134+
.root tbody tr:nth-child(even) {
135+
background: #0d0d21;
136+
}
115137

116-
.root tbody tr:nth-child(odd) { background: #15152d; }
138+
.root tbody tr:nth-child(odd) {
139+
background: #15152d;
140+
}
117141

118142
.root table tr th,
119143
.root table tr td {

Diff for: ‎apps/cyberstorm-remix/app/RootLayout.module.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
gap: 2rem;
6060
}
6161

62-
@media (min-width: 60rem) {
62+
@media (width >= 60rem) {
6363
.layoutSidebar {
6464
flex-flow: row wrap;
6565
}
@@ -85,7 +85,7 @@
8585
}
8686
}
8787

88-
@media (max-width: 92.125rem) {
88+
@media (width <= 92.125rem) {
8989
.sideContainers {
9090
display: none;
9191
}

Diff for: ‎apps/cyberstorm-remix/app/c/CommunityCard.module.css

+7-3
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
min-width: 0;
1616
}
1717

18-
@media (max-width: 30rem) {
18+
@media (width <= 30rem) {
1919
.root {
2020
gap: var(--space--16);
2121
}
@@ -65,7 +65,11 @@
6565
mask-image: var(--gradients);
6666
mask-composite: intersect;
6767

68-
--gradients:
69-
linear-gradient(90deg, transparent 0%, white 70%, transparent 100%),
68+
--gradients: linear-gradient(
69+
90deg,
70+
transparent 0%,
71+
white 70%,
72+
transparent 100%
73+
),
7074
linear-gradient(180deg, white 40%, transparent 95%);
7175
}

Diff for: ‎apps/cyberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/CollapsibleMenu.module.css

+3-1
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,9 @@
4949
transition: ease-out var(--animation-length-xs);
5050
}
5151

52-
.label:hover .checkbox { --mark-color: #4343a3; }
52+
.label:hover .checkbox {
53+
--mark-color: #4343a3;
54+
}
5355

5456
.label.include,
5557
.label.include .checkbox {

Diff for: ‎apps/cyberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/FilterMenu.module.css

+3-1
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,9 @@
4343
transition: ease-out var(--animation-length-xs);
4444
}
4545

46-
.label:hover .checkbox { --mark-color: #4343a3; }
46+
.label:hover .checkbox {
47+
--mark-color: #4343a3;
48+
}
4749

4850
.label.include,
4951
.label.include .checkbox {

Diff for: ‎apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageList.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@
6464
height: var(--space--36);
6565
}
6666

67-
@media (max-width: 43.75rem) {
67+
@media (width <= 43.75rem) {
6868
.top {
6969
flex-direction: column-reverse;
7070
gap: 1rem;

Diff for: ‎apps/cyberstorm-remix/app/commonComponents/PageHeader/PageHeader.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
min-width: 0;
1616
}
1717

18-
@media (max-width: 30rem) {
18+
@media (width <= 30rem) {
1919
.root {
2020
gap: var(--space--16);
2121
}

Diff for: ‎apps/cyberstorm-remix/app/communities/Communities.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@media (max-width: 40rem) {
1+
@media (width <= 40rem) {
22
.breadcrumbs {
33
display: none;
44
}

Diff for: ‎apps/cyberstorm-remix/app/communities/CommunityList.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
}
2929
}
3030

31-
@media (max-width: 27.5rem) {
31+
@media (width <= 27.5rem) {
3232
.root {
3333
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
3434
}

Diff for: ‎apps/cyberstorm-remix/app/communities/SearchAndOrder.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
white-space: nowrap;
2424
}
2525

26-
@media (max-width: 40rem) {
26+
@media (width <= 40rem) {
2727
.root {
2828
flex-direction: column;
2929
}

Diff for: ‎apps/cyberstorm-remix/app/globals.css

+37-57
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,32 @@
11
:root {
22
--max-width: 1100px;
33
--border-radius: 12px;
4-
--font-mono:
5-
ui-monospace,
6-
menlo,
7-
monaco,
8-
"Cascadia Mono",
9-
"Segoe UI Mono",
10-
"Roboto Mono",
11-
"Oxygen Mono",
12-
"Ubuntu Monospace",
13-
"Source Code Pro",
14-
"Fira Mono",
15-
"Droid Sans Mono",
16-
"Courier New",
17-
monospace;
4+
--font-mono: ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono",
5+
"Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
6+
"Fira Mono", "Droid Sans Mono", "Courier New", monospace;
187
--foreground-rgb: 0, 0, 0;
198
--background-start-rgb: 214, 219, 220;
209
--background-end-rgb: 255, 255, 255;
21-
--primary-glow:
22-
conic-gradient(
23-
from 180deg at 50% 50%,
24-
#16abff33 0deg,
25-
#0885ff33 55deg,
26-
#54d6ff33 120deg,
27-
#0071ff33 160deg,
28-
transparent 360deg
29-
);
30-
--secondary-glow:
31-
radial-gradient(
32-
rgb(255 255 255 / 1),
33-
rgb(255 255 255 / 0)
34-
);
10+
--primary-glow: conic-gradient(
11+
from 180deg at 50% 50%,
12+
#16abff33 0deg,
13+
#0885ff33 55deg,
14+
#54d6ff33 120deg,
15+
#0071ff33 160deg,
16+
transparent 360deg
17+
);
18+
--secondary-glow: radial-gradient(rgb(255 255 255 / 1), rgb(255 255 255 / 0));
3519
--tile-start-rgb: 239, 245, 249;
3620
--tile-end-rgb: 228, 232, 233;
37-
--tile-border:
38-
conic-gradient(
39-
#00000080,
40-
#00000040,
41-
#00000030,
42-
#00000020,
43-
#00000010,
44-
#00000010,
45-
#00000080
46-
);
21+
--tile-border: conic-gradient(
22+
#00000080,
23+
#00000040,
24+
#00000030,
25+
#00000020,
26+
#00000010,
27+
#00000010,
28+
#00000080
29+
);
4730
--callout-rgb: 238, 240, 241;
4831
--callout-border-rgb: 172, 175, 176;
4932
--card-rgb: 180, 185, 188;
@@ -56,25 +39,23 @@
5639
--background-start-rgb: 0, 0, 0;
5740
--background-end-rgb: 0, 0, 0;
5841
--primary-glow: radial-gradient(rgb(1 65 255 / 0.4), rgb(1 65 255 / 0));
59-
--secondary-glow:
60-
linear-gradient(
61-
to bottom right,
62-
rgb(1 65 255 / 0),
63-
rgb(1 65 255 / 0),
64-
rgb(1 65 255 / 0.3)
65-
);
42+
--secondary-glow: linear-gradient(
43+
to bottom right,
44+
rgb(1 65 255 / 0),
45+
rgb(1 65 255 / 0),
46+
rgb(1 65 255 / 0.3)
47+
);
6648
--tile-start-rgb: 2, 13, 46;
6749
--tile-end-rgb: 2, 5, 19;
68-
--tile-border:
69-
conic-gradient(
70-
#ffffff80,
71-
#ffffff40,
72-
#ffffff30,
73-
#ffffff20,
74-
#ffffff10,
75-
#ffffff10,
76-
#ffffff80
77-
);
50+
--tile-border: conic-gradient(
51+
#ffffff80,
52+
#ffffff40,
53+
#ffffff30,
54+
#ffffff20,
55+
#ffffff10,
56+
#ffffff10,
57+
#ffffff80
58+
);
7859
--callout-rgb: 20, 20, 20;
7960
--callout-border-rgb: 108, 108, 108;
8061
--card-rgb: 100, 100, 100;
@@ -96,8 +77,7 @@ body {
9677

9778
body {
9879
color: rgb(var(--foreground-rgb));
99-
background:
100-
linear-gradient(
80+
background: linear-gradient(
10181
to bottom,
10282
transparent,
10383
rgb(var(--background-end-rgb))

Diff for: ‎apps/cyberstorm-remix/app/p/components/Dependencies/Dependencies.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
text-overflow: ellipsis;
4545
}
4646

47-
@media (min-width: 60rem) {
47+
@media (width >= 60rem) {
4848
.itemDescription,
4949
.itemTitle {
5050
max-width: 250px;

Diff for: ‎apps/cyberstorm-remix/app/p/dependants/Dependants.module.css

+7-3
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
gap: var(--space--32);
55
}
66

7-
@media (max-width: 30rem) {
7+
@media (width <= 30rem) {
88
.root {
99
gap: var(--space--16);
1010
}
@@ -32,8 +32,12 @@
3232
mask-image: var(--gradients);
3333
mask-composite: intersect;
3434

35-
--gradients:
36-
linear-gradient(90deg, transparent 0%, white 70%, transparent 100%),
35+
--gradients: linear-gradient(
36+
90deg,
37+
transparent 0%,
38+
white 70%,
39+
transparent 100%
40+
),
3741
linear-gradient(180deg, white 40%, transparent 95%);
3842
}
3943

Diff for: ‎apps/cyberstorm-remix/app/p/headerPackageDetailLayout.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@
8787
color: var(--color-highlight);
8888
}
8989

90-
@media (max-width: 60rem) {
90+
@media (width <= 60rem) {
9191
.packageInfo {
9292
flex-direction: column;
9393
gap: 0;

Diff for: ‎apps/cyberstorm-remix/app/settings/user/Connections/Connections.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
line-height: normal;
9292
}
9393

94-
@media (max-width: 30rem) {
94+
@media (width <= 30rem) {
9595
.item {
9696
flex-direction: column;
9797
gap: var(--gap--8);

Diff for: ‎packages/cyberstorm-forms/src/forms/TeamDetailsEdit.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
flex-direction: row-reverse;
5757
}
5858

59-
@media (max-width: 30rem) {
59+
@media (width <= 30rem) {
6060
.donationLink {
6161
flex-direction: column;
6262
gap: var(--gap--16);

Diff for: ‎packages/cyberstorm-forms/src/forms/UserConnectionsForm.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@
103103
font-size: 0.875rem;
104104
}
105105

106-
@media (max-width: 30rem) {
106+
@media (width <= 30rem) {
107107
.item {
108108
flex-direction: column;
109109
gap: var(--gap--8);

Diff for: ‎packages/cyberstorm-styles/src/styles/globals.css

+3-3
Original file line numberDiff line numberDiff line change
@@ -91,19 +91,19 @@
9191

9292
/* e.g --scaling-s --scaling-m --scaling-l */
9393

94-
@media (max-width: calc(40rem - 1px)) {
94+
@media (width <= calc(40rem - 1px)) {
9595
:root {
9696
--scaling: 0.7;
9797
}
9898
}
9999

100-
@media (min-width: 40rem) {
100+
@media (width >= 40rem) {
101101
:root {
102102
--scaling: 0.9;
103103
}
104104
}
105105

106-
@media (min-width: 63.5rem) {
106+
@media (width >= 63.5rem) {
107107
:root {
108108
--scaling: 1;
109109
}

0 commit comments

Comments
 (0)