@@ -46,21 +46,21 @@ select {
46
46
}
47
47
48
48
@font-face {
49
- font-family : " Inter" ;
49
+ font-family : ' Inter' ;
50
50
font-weight : 100 900 ;
51
51
font-display : swap ;
52
52
font-style : normal ;
53
- font-named-instance : " Regular" ;
54
- src : url (" fonts/Inter-roman.var.woff2" ) format (" woff2" );
53
+ font-named-instance : ' Regular' ;
54
+ src : url (' fonts/Inter-roman.var.woff2' ) format (' woff2' );
55
55
}
56
56
57
57
@font-face {
58
- font-family : " Inter" ;
58
+ font-family : ' Inter' ;
59
59
font-weight : 100 900 ;
60
60
font-display : swap ;
61
61
font-style : italic ;
62
- font-named-instance : " Italic" ;
63
- src : url (" fonts/Inter-italic.var.woff2" ) format (" woff2" );
62
+ font-named-instance : ' Italic' ;
63
+ src : url (' fonts/Inter-italic.var.woff2' ) format (' woff2' );
64
64
}
65
65
66
66
$grey : #ccc ;
@@ -102,7 +102,7 @@ header {
102
102
h1 {
103
103
line-height : 4rem ;
104
104
padding-left : 6.5rem ;
105
- background : url (" img/mailcrab.svg" ) no-repeat center left 1rem ;
105
+ background : url (' img/mailcrab.svg' ) no-repeat center left 1rem ;
106
106
background-size : 5rem ;
107
107
font-weight : 300 ;
108
108
font-size : 2.5rem ;
@@ -128,24 +128,24 @@ header {
128
128
font-size : 0.9rem ;
129
129
height : 2.5rem ;
130
130
line-height : 2rem ;
131
- background : white url (" img/trash.svg" ) no-repeat top 0.6rem left 0.75rem ;
131
+ background : white url (' img/trash.svg' ) no-repeat top 0.6rem left 0.75rem ;
132
132
background-size : 14px ;
133
133
.invert-body {
134
- background : white url (" img/dark-mode.svg" ) no-repeat top 0.6rem left
134
+ background : white url (' img/dark-mode.svg' ) no-repeat top 0.6rem left
135
135
0.75rem ;
136
136
padding : 0 1rem ;
137
137
@media (prefers-color-scheme : light ) {
138
138
display : none ;
139
139
}
140
140
}
141
141
@media (prefers-color-scheme : dark ) {
142
- background : $surface-dark url (" img/trash.svg" ) no-repeat top 0.6rem left
142
+ background : $surface-dark url (' img/trash.svg' ) no-repeat top 0.6rem left
143
143
0.75rem ;
144
144
background-size : 14px ;
145
145
color : $foreground-dark ;
146
146
border : 1px solid $border-grey-dark ;
147
147
.invert-body {
148
- background : $surface-dark url (" img/dark-mode.svg" ) no-repeat top 0.6rem
148
+ background : $surface-dark url (' img/dark-mode.svg' ) no-repeat top 0.6rem
149
149
left 0.75rem ;
150
150
}
151
151
}
@@ -219,13 +219,13 @@ header {
219
219
animation : slide- down 300ms ease-in ;
220
220
overflow : hidden ;
221
221
font-size : 0.9rem ;
222
- background : $background url (" img/envelope.svg" ) no-repeat center left
222
+ background : $background url (' img/envelope.svg' ) no-repeat center left
223
223
0.75rem ;
224
224
background-size : 2rem ;
225
225
color : $foreground ;
226
226
227
227
@media (prefers-color-scheme : dark ) {
228
- background : $surface-dark url (" img/envelope.svg" ) no-repeat center left
228
+ background : $surface-dark url (' img/envelope.svg' ) no-repeat center left
229
229
0.75rem ;
230
230
background-size : 2rem ;
231
231
color : $foreground-dark ;
@@ -250,13 +250,13 @@ header {
250
250
251
251
& .opened {
252
252
opacity : 0.5 ;
253
- background-image : url (" img/envelope-open.svg" );
253
+ background-image : url (' img/envelope-open.svg' );
254
254
}
255
255
256
256
& .selected {
257
257
color : $foreground !important ;
258
258
font-weight : 500 ;
259
- background-image : url (" img/envelope-open-text.svg" );
259
+ background-image : url (' img/envelope-open-text.svg' );
260
260
261
261
@media (prefers-color-scheme : dark ) {
262
262
color : $foreground-dark !important ;
@@ -280,11 +280,11 @@ header {
280
280
}
281
281
282
282
& ::before {
283
- content : " < " ;
283
+ content : ' < ' ;
284
284
}
285
285
286
286
& ::after {
287
- content : " > " ;
287
+ content : ' > ' ;
288
288
}
289
289
}
290
290
}
@@ -334,20 +334,20 @@ header {
334
334
335
335
& .attachments {
336
336
.subject ::before {
337
- content : " " ;
337
+ content : ' ' ;
338
338
display : inline-block ;
339
339
margin-right : 0.2rem ;
340
340
width : 0.9rem ;
341
341
height : 0.9rem ;
342
- background : url (" img/paperclip.svg" ) no-repeat center left ;
342
+ background : url (' img/paperclip.svg' ) no-repeat center left ;
343
343
}
344
344
}
345
345
}
346
346
}
347
347
348
348
.recipients {
349
349
& > .email + .email :before {
350
- content : " , <" ;
350
+ content : ' , <' ;
351
351
display : inline-block ;
352
352
color : rgba (black , 0.3 );
353
353
@@ -358,7 +358,7 @@ header {
358
358
359
359
.email {
360
360
& ::before {
361
- content : " < " ;
361
+ content : ' < ' ;
362
362
color : rgba (black , 0.3 );
363
363
364
364
@media (prefers-color-scheme : dark ) {
@@ -367,7 +367,7 @@ header {
367
367
}
368
368
369
369
& ::after {
370
- content : " > " ;
370
+ content : ' > ' ;
371
371
color : rgba (black , 0.3 );
372
372
373
373
@media (prefers-color-scheme : dark ) {
@@ -441,12 +441,12 @@ header {
441
441
margin-right : 0 ;
442
442
margin-bottom : 0.25rem ;
443
443
padding : 0.5rem 1.5rem 0.5rem 2rem ;
444
- background : white url (" img/trash.svg" ) no-repeat center left 1rem ;
444
+ background : white url (' img/trash.svg' ) no-repeat center left 1rem ;
445
445
background-size : 12px ;
446
446
border : 1px solid $grey ;
447
447
448
448
@media (prefers-color-scheme : dark ) {
449
- background : $surface-dark url (" img/trash.svg" ) no-repeat center
449
+ background : $surface-dark url (' img/trash.svg' ) no-repeat center
450
450
left 1rem ;
451
451
background-size : 12px ;
452
452
color : $foreground-dark ;
@@ -500,11 +500,11 @@ header {
500
500
}
501
501
502
502
& ::before {
503
- content : " < " ;
503
+ content : ' < ' ;
504
504
}
505
505
506
506
& ::after {
507
- content : " > " ;
507
+ content : ' > ' ;
508
508
}
509
509
}
510
510
}
@@ -519,19 +519,19 @@ header {
519
519
text-decoration : none ;
520
520
color : black ;
521
521
transition : all 150ms ease-in ;
522
- background : white url (" img/file.svg" ) no-repeat center left 0.5rem ;
522
+ background : white url (' img/file.svg' ) no-repeat center left 0.5rem ;
523
523
background-size : 1rem ;
524
524
525
525
@media (prefers-color-scheme : dark ) {
526
- background : $surface-dark url (" img/file.svg" ) no-repeat center left
526
+ background : $surface-dark url (' img/file.svg' ) no-repeat center left
527
527
0.5rem ;
528
528
background-size : 1rem ;
529
529
color : $foreground-dark ;
530
530
border : 1px solid $border-grey-dark ;
531
531
}
532
532
533
533
& .application-pdf {
534
- background-image : url (" img/file-pdf.svg" );
534
+ background-image : url (' img/file-pdf.svg' );
535
535
}
536
536
537
537
.size {
0 commit comments