Skip to content

Commit 922b1d5

Browse files
jakob-infojakob-info
authored
Fix/sass deprecation warnings (#523)
1 parent 5b23b0a commit 922b1d5

File tree

43 files changed

+471
-329
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+471
-329
lines changed

‎frontend/package.json‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -71,8 +71,7 @@
7171
"sirv": "^2.0.4"
7272
},
7373
"devDependencies": {
74-
"@lingui/cli": "^4.7.0",
75-
"@lingui/vite-plugin": "^4.7.0",
74+
"@lingui/vite-plugin": "^4.14.1",
7675
"@swc/core": "1.3.105",
7776
"@types/express": "^4.17.21",
7877
"@types/lodash": "^4.17.0",
@@ -81,8 +80,8 @@
8180
"@types/react-dom": "^18.0.11",
8281
"@typescript-eslint/eslint-plugin": "^5.57.1",
8382
"@typescript-eslint/parser": "^5.57.1",
84-
"@vitejs/plugin-react": "^4.0.0",
85-
"@vitejs/plugin-react-swc": "^3.5.0",
83+
"@vitejs/plugin-react": "^4.4.1",
84+
"@vitejs/plugin-react-swc": "^3.9.0",
8685
"babel-plugin-macros": "^3.1.0",
8786
"eslint": "^8.38.0",
8887
"eslint-plugin-lingui": "^0.2.0",
@@ -93,8 +92,8 @@
9392
"postcss-simple-vars": "^7.0.1",
9493
"sass": "^1.63.4",
9594
"typescript": "^5.0.2",
96-
"vite": "^5.2.7",
97-
"vite-bundle-visualizer": "^1.0.1",
95+
"vite": "^5.4.19",
96+
"vite-bundle-visualizer": "^1.2.1",
9897
"vite-plugin-copy": "^0.1.6"
9998
}
100-
}
99+
}

‎frontend/src/components/common/AttendeeCheckInTable/QrScanner.module.scss‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../../styles/mixins";
1+
@use "../../../styles/mixins";
22

33
@keyframes colorfulBorder {
44
0% {
@@ -8,7 +8,7 @@
88
border-color: #00000050;
99
}
1010
100% {
11-
border-color: #ffffff50
11+
border-color: #ffffff50;
1212
}
1313
}
1414

@@ -70,13 +70,13 @@
7070
animation: colorfulBorder 10s infinite;
7171
border-radius: 10px;
7272
outline: solid 50vmax rgb(71 46 120 / 50%);
73-
transition: outline-color .2s ease-out;
73+
transition: outline-color 0.2s ease-out;
7474
min-width: 200px;
7575
min-height: 200px;
7676

77-
@include respond-above(md) {
78-
width: 40vw;
79-
height: 40vw;
77+
@include mixins.respond-above(md) {
78+
width: 40vw;
79+
height: 40vw;
8080
}
8181
}
8282

‎frontend/src/components/common/AttendeeDetails/AttendeeDetails.module.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../../styles/mixins";
1+
@use "../../../styles/mixins";
22

33
.orderDetails {
44
display: flex;
@@ -11,7 +11,7 @@
1111
margin-bottom: var(--tk-spacing-md);
1212
}
1313

14-
@include respond-below(md) {
14+
@include mixins.respond-below(md) {
1515
flex-direction: column;
1616
flex-wrap: nowrap;
1717

@@ -28,4 +28,4 @@
2828
.title {
2929
font-weight: bold;
3030
}
31-
}
31+
}

‎frontend/src/components/common/AttendeeTicket/AttendeeTicket.module.scss‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@import "../../../styles/mixins";
1+
@use "../../../styles/mixins";
22

33
.attendee {
44
display: flex;
55
justify-content: space-between;
66
border-radius: 10px;
7-
background-color: #FFFFFF;
7+
background-color: #ffffff;
88
border: 1px solid #ddd;
99
overflow: hidden;
1010
padding: 0;
@@ -20,7 +20,7 @@
2020
}
2121
}
2222

23-
@include respond-below(sm) {
23+
@include mixins.respond-below(sm) {
2424
flex-direction: column-reverse;
2525
}
2626

@@ -51,7 +51,7 @@
5151

5252
.productPrice {
5353
.badge {
54-
background-color: #8BC34A;
54+
background-color: #8bc34a;
5555
color: #fff;
5656
padding: 5px 10px;
5757
border-radius: 10px;
@@ -71,7 +71,7 @@
7171
}
7272

7373
a {
74-
font-size: .9em;
74+
font-size: 0.9em;
7575
}
7676
}
7777

@@ -91,12 +91,11 @@
9191
border-left: 1px solid #ddd;
9292
padding: 15px;
9393

94-
@include respond-below(sm) {
94+
@include mixins.respond-below(sm) {
9595
border-left: none;
9696
}
9797

98-
.qrImage
99-
{
98+
.qrImage {
10099
svg {
101100
width: 140px;
102101
height: 140px;

‎frontend/src/components/common/CapacityAssignmentList/CapacityAssignmentList.module.scss‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
@import '../../../styles/mixins';
1+
@use "../../../styles/mixins";
22

33
.toolbar {
44
display: flex;
55
justify-content: space-between;
66
align-items: center;
77

8-
@include respond-below(md) {
8+
@include mixins.respond-below(md) {
99
flex-direction: column;
1010
align-items: flex-start;
1111
}
@@ -15,7 +15,7 @@
1515
margin-right: 20px;
1616
max-width: 320px;
1717

18-
@include respond-below(md) {
18+
@include mixins.respond-below(md) {
1919
width: 100%;
2020
margin-bottom: 20px;
2121
max-width: 100%;
@@ -30,7 +30,7 @@
3030
height: 42px;
3131
}
3232

33-
@include respond-below(md) {
33+
@include mixins.respond-below(md) {
3434
width: 100%;
3535
}
3636
}
@@ -42,8 +42,7 @@
4242
gap: 20px;
4343
margin-top: 20px;
4444

45-
@include respond-below(md) {
46-
45+
@include mixins.respond-below(md) {
4746
}
4847

4948
.capacityCard {
@@ -91,9 +90,7 @@
9190
}
9291

9392
.capacityAssignmentActions {
94-
9593
}
9694
}
9795
}
9896
}
99-

‎frontend/src/components/common/CheckInListList/CheckInListList.module.scss‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
@import '../../../styles/mixins';
1+
@use "../../../styles/mixins";
22

33
.toolbar {
44
display: flex;
55
justify-content: space-between;
66
align-items: center;
77

8-
@include respond-below(md) {
8+
@include mixins.respond-below(md) {
99
flex-direction: column;
1010
align-items: flex-start;
1111
}
@@ -15,7 +15,7 @@
1515
margin-right: 20px;
1616
max-width: 320px;
1717

18-
@include respond-below(md) {
18+
@include mixins.respond-below(md) {
1919
width: 100%;
2020
margin-bottom: 20px;
2121
max-width: 100%;
@@ -30,7 +30,7 @@
3030
height: 42px;
3131
}
3232

33-
@include respond-below(md) {
33+
@include mixins.respond-below(md) {
3434
width: 100%;
3535
}
3636
}
@@ -91,9 +91,7 @@
9191
}
9292

9393
.checkInListActions {
94-
9594
}
9695
}
9796
}
9897
}
99-

‎frontend/src/components/common/EventCard/EventCard.module.scss‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
@import "../../../styles/mixins.scss";
1+
@use "../../../styles/mixins.scss";
22

33
.card {
44
display: flex;
55
gap: 10px;
66
overflow: hidden;
77
padding: var(--mantine-spacing-sm) !important;
88

9-
@include respond-below(sm) {
9+
@include mixins.respond-below(sm) {
1010
flex-direction: column;
1111
gap: 0px;
1212
padding: var(--mantine-spacing-md) !important;
@@ -31,7 +31,7 @@
3131
overflow: hidden;
3232
transition: background-size 15s ease;
3333

34-
@include respond-below(sm) {
34+
@include mixins.respond-below(sm) {
3535
flex-direction: row;
3636
gap: 20px;
3737
align-items: flex-start;
@@ -68,7 +68,7 @@
6868
font-weight: 500;
6969
}
7070

71-
@include respond-below(sm) {
71+
@include mixins.respond-below(sm) {
7272
.day {
7373
font-size: 1.2em;
7474
}
@@ -83,7 +83,7 @@
8383
padding: var(--mantine-spacing-xs);
8484
flex: 1;
8585

86-
@include respond-below(sm) {
86+
@include mixins.respond-below(sm) {
8787
padding-left: 0;
8888
padding-bottom: 0;
8989
}
@@ -104,7 +104,7 @@
104104
}
105105
}
106106

107-
@include respond-below(sm) {
107+
@include mixins.respond-below(sm) {
108108
flex-direction: column;
109109
align-items: flex-start;
110110
gap: 10px;
@@ -123,7 +123,7 @@
123123
justify-content: flex-end;
124124
margin: 0 10px;
125125

126-
@include respond-below(sm) {
126+
@include mixins.respond-below(sm) {
127127
align-items: flex-start;
128128
justify-content: flex-start;
129129
margin-bottom: var(--mantine-spacing-md);
@@ -137,7 +137,7 @@
137137
}
138138
}
139139

140-
@include respond-above(sm) {
140+
@include mixins.respond-above(sm) {
141141
.mobileButton {
142142
display: none;
143143
}

‎frontend/src/components/common/NoResultsSplash/NoResultsSplash.module.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../../styles/mixins";
1+
@use "../../../styles/mixins";
22

33
.container {
44
display: flex;
@@ -14,7 +14,7 @@
1414
width: 240px;
1515
height: 240px;
1616

17-
@include respond-below(md) {
17+
@include mixins.respond-below(md) {
1818
width: 170px;
1919
height: 170px;
2020
}
@@ -25,4 +25,4 @@
2525
margin-bottom: 0;
2626
margin-top: 5px;
2727
}
28-
}
28+
}

‎frontend/src/components/common/OrderDetails/OrderDetails.module.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../../styles/mixins";
1+
@use "../../../styles/mixins";
22

33
.orderDetails {
44
display: flex;
@@ -11,7 +11,7 @@
1111
margin-bottom: var(--tk-spacing-md);
1212
}
1313

14-
@include respond-below(md) {
14+
@include mixins.respond-below(md) {
1515
flex-direction: column;
1616
flex-wrap: nowrap;
1717

@@ -28,4 +28,4 @@
2828
.title {
2929
font-weight: bold;
3030
}
31-
}
31+
}

0 commit comments

Comments
 (0)