Skip to content

Commit c6b1b9f

Browse files
anyulledanyulled
committed
refactor(styles): replace @import with @use and update variable references
1 parent 8a2feed commit c6b1b9f

2 files changed

Lines changed: 92 additions & 92 deletions

File tree

‎src/2024.scss‎

Lines changed: 89 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -1,238 +1,238 @@
1-
@import "sessionize-colors";
1+
@use "sessionize-colors";
22

33
/* Day One*/
44
/* Registration */
55
[data-sessionid="8435a81a-8dfb-4267-886a-87ae40905875"].sz-session .sz-session__card {
6-
background-color: $coffee-break-bg-color !important;
7-
color: $session-room-color !important;
6+
background-color: sessionize-colors.$coffee-break-bg-color !important;
7+
color: sessionize-colors.$session-room-color !important;
88

99
.sz-session__room {
10-
background-color: $session-room-bg-color !important;
11-
color: $session-room-color !important;
10+
background-color: sessionize-colors.$session-room-bg-color !important;
11+
color: sessionize-colors.$session-room-color !important;
1212
}
1313

1414
h3 {
15-
color: $session-room-color !important;
15+
color: sessionize-colors.$session-room-color !important;
1616
}
1717
}
1818

1919
/* Welcome */
2020
[data-sessionid="4a967fde-5fb6-458a-a5c0-c104255a6041"].sz-session .sz-session__card {
21-
background-color: $green-background !important;
22-
color: $green-font-color !important;
21+
background-color: sessionize-colors.$green-background !important;
22+
color: sessionize-colors.$green-font-color !important;
2323

2424
.sz-session__room {
25-
background-color: $green-font-color !important;
26-
color: $session-room-color !important;
25+
background-color: sessionize-colors.$green-font-color !important;
26+
color: sessionize-colors.$session-room-color !important;
2727
}
2828
}
2929

3030
/* Key notes*/
3131
[data-sessionid="ac7c0c14-9240-4e2d-8e3b-0473bedf4fdc"].sz-session .sz-session__card {
32-
background-color: $coffee-break-bg-color !important;
33-
color: $session-room-color !important;
32+
background-color: sessionize-colors.$coffee-break-bg-color !important;
33+
color: sessionize-colors.$session-room-color !important;
3434

3535
.sz-session__room {
36-
background-color: $session-room-bg-color !important;
37-
color: $session-room-color !important;
36+
background-color: sessionize-colors.$session-room-bg-color !important;
37+
color: sessionize-colors.$session-room-color !important;
3838
}
3939
}
4040

4141
[data-sessionid="ace92e60-c495-47fb-8687-50fac95aa7e4"].sz-session .sz-session__card {
42-
background-color: $coffee-break-bg-color !important;
43-
color: $session-room-color !important;
42+
background-color: sessionize-colors.$coffee-break-bg-color !important;
43+
color: sessionize-colors.$session-room-color !important;
4444

4545
.sz-session__room {
46-
background-color: $session-room-bg-color !important;
47-
color: $session-room-color !important;
46+
background-color: sessionize-colors.$session-room-bg-color !important;
47+
color: sessionize-colors.$session-room-color !important;
4848
}
4949
}
5050

5151
/* Coffee Break */
5252
[data-sessionid="930dc095-74fb-4d53-84f7-0ee956a28d01"].sz-session .sz-session__card {
53-
background-color: $brown-background !important;
54-
color: $brown-font-color !important;
53+
background-color: sessionize-colors.$brown-background !important;
54+
color: sessionize-colors.$brown-font-color !important;
5555

5656
.sz-session__room {
57-
background-color: $brown-font-color !important;
58-
color: $session-room-color !important;
57+
background-color: sessionize-colors.$brown-font-color !important;
58+
color: sessionize-colors.$session-room-color !important;
5959
}
6060
}
6161

6262
[data-sessionid="8953bdc4-554b-4d64-9fcb-ba45ee2b14f2"].sz-session .sz-session__card {
63-
background-color: $brown-background !important;
64-
color: $brown-font-color !important;
63+
background-color: sessionize-colors.$brown-background !important;
64+
color: sessionize-colors.$brown-font-color !important;
6565

6666
.sz-session__room {
67-
background-color: $brown-font-color !important;
68-
color: $session-room-color !important;
67+
background-color: sessionize-colors.$brown-font-color !important;
68+
color: sessionize-colors.$session-room-color !important;
6969
}
7070
}
7171

7272
/* Session break*/
7373
[data-sessionid="7695b84c-3702-4a05-9f0e-2c6a64763fa1"].sz-session .sz-session__card {
74-
background-color: $green-background !important;
75-
color: $green-font-color !important;
74+
background-color: sessionize-colors.$green-background !important;
75+
color: sessionize-colors.$green-font-color !important;
7676

7777
.sz-session__room {
78-
background-color: $green-font-color !important;
79-
color: $session-room-color !important;
78+
background-color: sessionize-colors.$green-font-color !important;
79+
color: sessionize-colors.$session-room-color !important;
8080
}
8181
}
8282

8383
[data-sessionid="17c309a4-644e-4d6a-b995-94da6913d122"].sz-session .sz-session__card {
84-
background-color: $green-background !important;
85-
color: $green-font-color !important;
84+
background-color: sessionize-colors.$green-background !important;
85+
color: sessionize-colors.$green-font-color !important;
8686

8787
.sz-session__room {
88-
background-color: $green-font-color !important;
89-
color: $session-room-color !important;
88+
background-color: sessionize-colors.$green-font-color !important;
89+
color: sessionize-colors.$session-room-color !important;
9090
}
9191
}
9292

9393
[data-sessionid="7423b937-8940-4cb9-8559-4b3f56dce045"].sz-session .sz-session__card {
94-
background-color: $green-background !important;
95-
color: $green-font-color !important;
94+
background-color: sessionize-colors.$green-background !important;
95+
color: sessionize-colors.$green-font-color !important;
9696

9797
.sz-session__room {
98-
background-color: $green-font-color !important;
99-
color: $session-room-color !important;
98+
background-color: sessionize-colors.$green-font-color !important;
99+
color: sessionize-colors.$session-room-color !important;
100100
}
101101
}
102102

103103
/* Lunch */
104104
[data-sessionid="2bc67340-100a-4d0c-8608-2e6853bed7fd"].sz-session > .sz-session__card {
105-
background-color: $coffee-break-bg-color !important;
106-
color: $session-room-color !important;
105+
background-color: sessionize-colors.$coffee-break-bg-color !important;
106+
color: sessionize-colors.$session-room-color !important;
107107

108108
.sz-session__room {
109-
background-color: $session-room-bg-color !important;
110-
color: $session-room-color !important;
109+
background-color: sessionize-colors.$session-room-bg-color !important;
110+
color: sessionize-colors.$session-room-color !important;
111111
}
112112
}
113113

114114
/* Pre-party*/
115115
[data-sessionid="d3c25ccb-8f68-46d0-9052-f9cf74beb893"].sz-session > .sz-session__card {
116-
background-color: $coffee-break-bg-color !important;
117-
color: $session-room-color !important;
116+
background-color: sessionize-colors.$coffee-break-bg-color !important;
117+
color: sessionize-colors.$session-room-color !important;
118118

119119
.sz-session__room {
120-
background-color: $session-room-bg-color !important;
121-
color: $session-room-color !important;
120+
background-color: sessionize-colors.$session-room-bg-color !important;
121+
color: sessionize-colors.$session-room-color !important;
122122
}
123123
}
124124
/* Party */
125125
[data-sessionid="39348cfa-e30c-420d-858a-59f08853ebbf"].sz-session > .sz-session__card {
126-
background-color: $coffee-break-bg-color !important;
127-
color: $session-room-color !important;
126+
background-color: sessionize-colors.$coffee-break-bg-color !important;
127+
color: sessionize-colors.$session-room-color !important;
128128

129129
.sz-session__room {
130-
background-color: $session-room-bg-color !important;
131-
color: $session-room-color !important;
130+
background-color: sessionize-colors.$session-room-bg-color !important;
131+
color: sessionize-colors.$session-room-color !important;
132132
}
133133
}
134134

135135
/* Day Two*/
136136
/* Registration */
137137
[data-sessionid="690482bf-cdc3-4053-8295-55f25a221192"].sz-session .sz-session__card {
138-
background-color: $coffee-break-bg-color !important;
139-
color: $session-room-color !important;
138+
background-color: sessionize-colors.$coffee-break-bg-color !important;
139+
color: sessionize-colors.$session-room-color !important;
140140

141141
.sz-session__room {
142-
background-color: $session-room-bg-color !important;
143-
color: $session-room-color !important;
142+
background-color: sessionize-colors.$session-room-bg-color !important;
143+
color: sessionize-colors.$session-room-color !important;
144144
}
145145

146146
h3 {
147-
color: $session-room-color !important;
147+
color: sessionize-colors.$session-room-color !important;
148148
}
149149
}
150150

151151
/* Session break*/
152152
[data-sessionid="e51ff3b7-1484-438a-8cf7-0de708ff9c65"].sz-session .sz-session__card {
153-
background-color: $green-background !important;
154-
color: $green-font-color !important;
153+
background-color: sessionize-colors.$green-background !important;
154+
color: sessionize-colors.$green-font-color !important;
155155

156156
.sz-session__room {
157-
background-color: $green-font-color !important;
158-
color: $session-room-color !important;
157+
background-color: sessionize-colors.$green-font-color !important;
158+
color: sessionize-colors.$session-room-color !important;
159159
}
160160
}
161161

162162
[data-sessionid="583e5458-14bd-4fc5-8bfe-1b4eb66c0f58"].sz-session .sz-session__card {
163-
background-color: $green-background !important;
164-
color: $green-font-color !important;
163+
background-color: sessionize-colors.$green-background !important;
164+
color: sessionize-colors.$green-font-color !important;
165165

166166
.sz-session__room {
167-
background-color: $green-font-color !important;
168-
color: $session-room-color !important;
167+
background-color: sessionize-colors.$green-font-color !important;
168+
color: sessionize-colors.$session-room-color !important;
169169
}
170170
}
171171

172172
[data-sessionid="b87625b8-c346-4f43-8c8c-cec0f965c082"].sz-session .sz-session__card {
173-
background-color: $green-background !important;
174-
color: $green-font-color !important;
173+
background-color: sessionize-colors.$green-background !important;
174+
color: sessionize-colors.$green-font-color !important;
175175

176176
.sz-session__room {
177-
background-color: $green-font-color !important;
178-
color: $session-room-color !important;
177+
background-color: sessionize-colors.$green-font-color !important;
178+
color: sessionize-colors.$session-room-color !important;
179179
}
180180
}
181181

182182
/* Coffee Break */
183183
[data-sessionid="20b61513-0ed5-4f58-854f-522a54b3cded"].sz-session .sz-session__card {
184-
background-color: $brown-background !important;
185-
color: $brown-font-color !important;
184+
background-color: sessionize-colors.$brown-background !important;
185+
color: sessionize-colors.$brown-font-color !important;
186186

187187
.sz-session__room {
188-
background-color: $brown-font-color !important;
189-
color: $session-room-color !important;
188+
background-color: sessionize-colors.$brown-font-color !important;
189+
color: sessionize-colors.$session-room-color !important;
190190
}
191191
}
192192

193193
[data-sessionid="1f59a120-5e71-4cc8-8981-e6fca7b1db57"].sz-session .sz-session__card {
194-
background-color: $brown-background !important;
195-
color: $brown-font-color !important;
194+
background-color: sessionize-colors.$brown-background !important;
195+
color: sessionize-colors.$brown-font-color !important;
196196

197197
.sz-session__room {
198-
background-color: $brown-font-color !important;
199-
color: $session-room-color !important;
198+
background-color: sessionize-colors.$brown-font-color !important;
199+
color: sessionize-colors.$session-room-color !important;
200200
}
201201
}
202202

203203
/* Lunch */
204204
[data-sessionid="a0f61349-b0cc-44f8-8276-698d8500efa0"].sz-session > .sz-session__card {
205-
background-color: $coffee-break-bg-color !important;
206-
color: $session-room-color !important;
205+
background-color: sessionize-colors.$coffee-break-bg-color !important;
206+
color: sessionize-colors.$session-room-color !important;
207207

208208
.sz-session__room {
209-
background-color: $session-room-bg-color !important;
210-
color: $session-room-color !important;
209+
background-color: sessionize-colors.$session-room-bg-color !important;
210+
color: sessionize-colors.$session-room-color !important;
211211
}
212212
}
213213

214214
/* Keynote*/
215215
[data-sessionid="80df1351-67de-42d8-883d-ba71f08cbbd9"].sz-session .sz-session__card {
216-
background-color: $coffee-break-bg-color !important;
217-
color: $session-room-color !important;
216+
background-color: sessionize-colors.$coffee-break-bg-color !important;
217+
color: sessionize-colors.$session-room-color !important;
218218

219219
.sz-session__room {
220-
background-color: $session-room-bg-color !important;
221-
color: $session-room-color !important;
220+
background-color: sessionize-colors.$session-room-bg-color !important;
221+
color: sessionize-colors.$session-room-color !important;
222222
}
223223
}
224224

225225
/* Closing */
226226
[data-sessionid="5826876e-d9ad-4bdc-97a9-9ad1a9665f21"].sz-session .sz-session__card {
227-
background-color: $coffee-break-bg-color !important;
228-
color: $session-room-color !important;
227+
background-color: sessionize-colors.$coffee-break-bg-color !important;
228+
color: sessionize-colors.$session-room-color !important;
229229

230230
.sz-session__room {
231-
background-color: $session-room-bg-color !important;
232-
color: $session-room-color !important;
231+
background-color: sessionize-colors.$session-room-bg-color !important;
232+
color: sessionize-colors.$session-room-color !important;
233233
}
234234

235235
h3 {
236-
color: $session-room-color !important;
236+
color: sessionize-colors.$session-room-color !important;
237237
}
238-
}
238+
}

‎src/index.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import "/src/styles/colors.scss";
2-
@import "sessionize-colors";
3-
@import "2024.scss";
1+
@use "/src/styles/colors.scss";
2+
@use "sessionize-colors";
3+
@use "2024.scss" as _2024;
44
@import 'bootstrap/dist/css/bootstrap.min.css';
55

66
root {

0 commit comments

Comments
 (0)