Skip to content

Commit 4580152

Browse files
committed
fix: build error in web
1 parent 869ae17 commit 4580152

File tree

41 files changed

+299
-303
lines changed

Some content is hidden

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

41 files changed

+299
-303
lines changed

apps/web/src/components/Error/ErrorScreenTemplate/ErrorScreenTemplate.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
align-items: center;
66
justify-content: center;
77
flex-direction: column;
8-
svg {
8+
& svg {
99
width: 320px;
1010
height: auto;
1111

apps/web/src/components/FlatPost/FlatPostCard/FlatPostCard.module.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
border-top: 1px solid var(--border4);
2525
}
2626

27-
h2 {
27+
& h2 {
2828
font-size: 1.5rem;
2929
margin: revert;
3030
color: var(--text1);
@@ -34,7 +34,7 @@
3434
}
3535
}
3636

37-
p {
37+
& p {
3838
margin-bottom: 2rem;
3939
margin-top: 0.5rem;
4040
font-size: 1rem;
@@ -51,7 +51,7 @@
5151
.userInfo {
5252
display: flex;
5353
align-items: center;
54-
img {
54+
& img {
5555
width: 48px;
5656
height: 48px;
5757
display: block;
@@ -70,7 +70,7 @@
7070
font-size: 0.875rem;
7171
color: var(--text1);
7272
font-weight: bold;
73-
a {
73+
& a {
7474
color: inherit;
7575
text-decoration: none;
7676
&:hover {
@@ -120,7 +120,7 @@
120120
display: flex;
121121
align-items: center;
122122

123-
svg {
123+
& svg {
124124
width: 0.875rem;
125125
height: 0.875rem;
126126
margin-right: 0.25rem;
@@ -136,7 +136,7 @@
136136
}
137137

138138
.skeletonBlock {
139-
h2 {
139+
& h2 {
140140
display: flex;
141141
margin-top: 1.375rem;
142142
margin-bottom: 0.375rem;

apps/web/src/components/Header/HeaderCustomLogo/HeaderCustomLogo.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111
.logo {
1212
display: flex;
13-
svg {
13+
& svg {
1414
width: 28px;
1515
height: 28px;
1616

@@ -21,7 +21,7 @@
2121
}
2222
}
2323

24-
svg {
24+
& svg {
2525
color: var(--text1);
2626
}
2727

apps/web/src/components/Header/HeaderIcon/HeaderIcon.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,12 @@
1212
background: var(--slight-layer);
1313
}
1414

15-
svg {
15+
& svg {
1616
flex-shrink: 0;
1717
width: 24px;
1818
height: 24px;
1919

20-
path {
20+
& path {
2121
fill: var(--text1);
2222
}
2323
}

apps/web/src/components/Header/HeaderLogo/HeaderLogo.module.css

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,11 @@
44
justify-content: center;
55
font-weight: bold;
66
font-size: 21px;
7-
font-family:
8-
Fira Mono,
9-
monospace;
7+
font-family: Fira Mono, monospace;
108
height: 100%;
119
line-height: 10px;
1210

13-
svg {
11+
& svg {
1412
color: var(--text1);
1513
height: 24px;
1614
@media screen and (max-width: 1024px) {

apps/web/src/components/Header/HeaderUserIcon/HeaderUserIcon.module.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
.block {
22
cursor: pointer;
33
user-select: none;
4-
img {
4+
& img {
55
display: block;
66
height: 2.5rem;
77
width: 2.5rem;
@@ -10,7 +10,7 @@
1010
object-fit: cover;
1111
transition: 0.125s all ease-in;
1212
}
13-
svg {
13+
& svg {
1414
font-size: 1.5rem;
1515
margin-left: 0.25rem;
1616
color: var(--text3);
@@ -20,10 +20,10 @@
2020
display: flex;
2121
align-items: center;
2222
&:hover {
23-
img {
23+
& img {
2424
box-shadow: 0px 0 12px rgba(0, 0, 0, 0.1);
2525
}
26-
svg {
26+
& svg {
2727
color: var(--text1);
2828
}
2929
}

apps/web/src/components/Layouts/HomeLayout/HomeLayout.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
@media screen and (max-width: 425px) {
2828
margin-top: 0;
2929
}
30-
main {
30+
& main {
3131
width: 100%;
3232
}
3333
}

apps/web/src/components/MarkdownRender/MarkdownRender.module.css

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
.block {
22
&.atom-one {
3-
pre {
3+
& pre {
44
background: var(--prism-bg);
55
}
66
/**
77
* prism.js default theme for JavaScript, CSS and HTML
88
* Based on dabblet (http://dabblet.com)
99
* @author Lea Verou
1010
*/
11-
code[class*='language-'],
12-
pre[class*='language-'] {
11+
& code[class*='language-'],
12+
& pre[class*='language-'] {
1313
color: var(--prism-default-text);
1414
background: none;
1515
text-align: left;
@@ -27,42 +27,42 @@
2727
hyphens: none;
2828
}
2929

30-
pre[class*='language-']::-moz-selection,
31-
pre[class*='language-'] ::-moz-selection,
32-
code[class*='language-']::-moz-selection,
33-
code[class*='language-'] ::-moz-selection {
30+
& pre[class*='language-']::-moz-selection,
31+
& pre[class*='language-'] ::-moz-selection,
32+
& code[class*='language-']::-moz-selection,
33+
& code[class*='language-'] ::-moz-selection {
3434
text-shadow: none;
3535
background: var(--prism-selection-bg);
3636
}
3737

38-
pre[class*='language-']::selection,
39-
pre[class*='language-'] ::selection,
40-
code[class*='language-']::selection,
41-
code[class*='language-'] ::selection {
38+
& pre[class*='language-']::selection,
39+
& pre[class*='language-'] ::selection,
40+
& code[class*='language-']::selection,
41+
& code[class*='language-'] ::selection {
4242
text-shadow: none;
4343
background: var(--prism-selection-bg);
4444
}
4545

4646
@media print {
47-
code[class*='language-'],
48-
pre[class*='language-'] {
47+
& code[class*='language-'],
48+
& pre[class*='language-'] {
4949
text-shadow: none;
5050
}
5151
}
5252
/* Code blocks */
53-
pre[class*='language-'] {
53+
& pre[class*='language-'] {
5454
padding: 1em;
5555
margin: 0.5em 0;
5656
overflow: auto;
5757
}
5858

59-
:not(pre) > code[class*='language-'],
60-
pre[class*='language-'] {
59+
& :not(pre) > code[class*='language-'],
60+
& pre[class*='language-'] {
6161
background: var(--prism-code-block-bg);
6262
}
6363

6464
/* Inline code */
65-
:not(pre) > code[class*='language-'] {
65+
& :not(pre) > code[class*='language-'] {
6666
padding: 0.1em;
6767
border-radius: 0.3em;
6868
white-space: normal;
@@ -183,12 +183,12 @@
183183
* Github-like theme for Prism.js
184184
* @author Luke Askew http://github.com/lukeaskew
185185
*/
186-
code,
187-
code[class*='language-'],
188-
pre[class*='language-'] {
186+
& code,
187+
& code[class*='language-'],
188+
& pre[class*='language-'] {
189189
color: #24292e;
190190
}
191-
pre {
191+
& pre {
192192
color: #24292e;
193193
background: #f6f8fa;
194194
}
@@ -248,18 +248,18 @@
248248
* @license MIT 2015
249249
*/
250250

251-
code[class*='language-'],
252-
pre[class*='language-'] {
251+
& code[class*='language-'],
252+
& pre[class*='language-'] {
253253
color: #f8f8f2;
254254
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
255255
}
256256

257-
:not(pre) > code[class*='language-'],
258-
pre[class*='language-'] {
257+
& :not(pre) > code[class*='language-'],
258+
& pre[class*='language-'] {
259259
background: #272822;
260260
}
261261

262-
pre {
262+
& pre {
263263
color: #f8f8f2;
264264
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
265265
background: #272822;
@@ -361,36 +361,36 @@ http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascr
361361
* @license MIT 2016-2018
362362
*/
363363

364-
code[class*='language-'],
365-
pre[class*='language-'] {
364+
& code[class*='language-'],
365+
& pre[class*='language-'] {
366366
color: #ccc;
367367
background: rgb(40, 41, 54);
368368
}
369369

370-
pre[class*='language-']::-moz-selection,
371-
pre[class*='language-'] ::-moz-selection,
372-
code[class*='language-']::-moz-selection,
373-
code[class*='language-'] ::-moz-selection {
370+
& pre[class*='language-']::-moz-selection,
371+
& pre[class*='language-'] ::-moz-selection,
372+
& code[class*='language-']::-moz-selection,
373+
& code[class*='language-'] ::-moz-selection {
374374
text-shadow: none;
375375
background-color: #5a5f80;
376376
}
377377

378-
pre[class*='language-']::selection,
379-
pre[class*='language-'] ::selection,
380-
code[class*='language-']::selection,
381-
code[class*='language-'] ::selection {
378+
& pre[class*='language-']::selection,
379+
& pre[class*='language-'] ::selection,
380+
& code[class*='language-']::selection,
381+
& code[class*='language-'] ::selection {
382382
text-shadow: none;
383383
background-color: #5a5f80;
384384
}
385385

386386
/* Inline code */
387387

388-
:not(pre) > code[class*='language-'] {
388+
& :not(pre) > code[class*='language-'] {
389389
border-radius: 0.3em;
390390
white-space: normal;
391391
}
392392

393-
pre {
393+
& pre {
394394
color: #ccc;
395395
background: rgb(40, 41, 54);
396396
}
@@ -695,7 +695,7 @@ http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascr
695695
}
696696
}
697697

698-
pre {
698+
& pre {
699699
font-family: 'Fira Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
700700
font-size: 0.875rem;
701701
padding: 1rem;
@@ -710,15 +710,15 @@ http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascr
710710
}
711711
}
712712

713-
img {
713+
& img {
714714
max-width: 100%;
715715
height: auto;
716716
display: block;
717717
margin-top: 1.5rem;
718718
margin-bottom: 1.5rem;
719719
}
720720

721-
iframe {
721+
& iframe {
722722
width: 768px;
723723
height: 430px;
724724
max-width: 100%;
@@ -739,31 +739,31 @@ http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascr
739739
padding: none;
740740
}
741741

742-
table {
742+
& table {
743743
min-width: 40%;
744744
max-width: 100%;
745745
border: 1px solid var(--border2);
746746
border-collapse: collapse;
747747
font-size: 0.875rem;
748-
thead > tr > th {
748+
& thead > tr > th {
749749
/* text-align: left; */
750750
border-bottom: 4px solid var(--border2);
751751
}
752-
th,
753-
td {
752+
& th,
753+
& td {
754754
word-break: break-word;
755755
padding: 0.5rem;
756756
}
757757

758-
td + td,
759-
th + th {
758+
& td + td,
759+
& th + th {
760760
border-left: 1px solid var(--border2);
761761
}
762762

763-
tr:nth-child(even) {
763+
& tr:nth-child(even) {
764764
background: var(--bg-element2);
765765
}
766-
tr:nth-child(odd) {
766+
& tr:nth-child(odd) {
767767
background: var(--bg-page1);
768768
}
769769
}

0 commit comments

Comments
 (0)