Skip to content

Commit 53711c3

Browse files
hymbzhymbz
committed
style: 🎨 根据 stylelint 更新 css
1 parent bd29ebf commit 53711c3

12 files changed

Lines changed: 84 additions & 84 deletions

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"release:push": "node release.mjs push",
1313
"test": "vitest",
1414
"check": "tsc -noEmit && xo .",
15+
"stylelint": "stylelint \"**/*.css\" --fix",
1516
"pwa-assets-generator": "pwa-assets-generator",
1617
"pwa:dev": "vite serve src/pwa",
1718
"pwa:build": "vite build src/pwa",

‎src/components/Fab/index.module.css‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
font-size: 1.1em;
44
transition: transform 200ms;
55

6-
&[data-show="false"] {
6+
&[data-show='false'] {
77
pointer-events: none;
88

99
& > button {
1010
transform: scale(0);
1111
}
1212
}
1313

14-
&[data-trans="true"] {
14+
&[data-trans='true'] {
1515
opacity: 0.8;
1616

1717
&:hover,
@@ -90,7 +90,7 @@
9090
}
9191

9292
/* 在进度条满后自动隐藏 */
93-
&[aria-valuenow="1"] {
93+
&[aria-valuenow='1'] {
9494
opacity: 0;
9595
transition: opacity 200ms 150ms;
9696
}
@@ -125,13 +125,13 @@
125125
transition-delay: var(--hide-delay);
126126
}
127127

128-
.fabRoot[data-placement="right"] .popper {
128+
.fabRoot[data-placement='right'] .popper {
129129
right: unset;
130130
left: calc(100% + 1.5em);
131131
transform-origin: left;
132132
}
133133

134-
.fabRoot:is(:hover, [data-focus="true"]) .popper {
134+
.fabRoot:is(:hover, [data-focus='true']) .popper {
135135
transform: translateY(-50%) scale(1);
136136
opacity: 1;
137137
transition-delay: 0ms;
@@ -155,7 +155,7 @@
155155

156156
font-size: 1.1em;
157157

158-
&[data-placement="bottom"] {
158+
&[data-placement='bottom'] {
159159
top: 0;
160160
bottom: unset;
161161

@@ -183,7 +183,7 @@
183183
pointer-events: all;
184184
}
185185

186-
.fabRoot:is(:hover:not([data-show="false"]), [data-focus="true"]) .speedDial {
186+
.fabRoot:is(:hover:not([data-show='false']), [data-focus='true']) .speedDial {
187187
pointer-events: all;
188188

189189
& > .speedDialItem {
@@ -210,13 +210,13 @@
210210
transition: opacity 500ms;
211211
}
212212

213-
.fabRoot[data-focus="true"] .backdrop {
213+
.fabRoot[data-focus='true'] .backdrop {
214214
pointer-events: unset;
215215
}
216216

217217
:is(
218-
.fabRoot:hover:not([data-show="false"]),
219-
.fabRoot[data-focus="true"],
218+
.fabRoot:hover:not([data-show='false']),
219+
.fabRoot[data-focus='true'],
220220
.speedDial:hover
221221
)
222222
.backdrop {

‎src/components/IconButton/index.module.css‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,13 @@
1515
height: 1.5em;
1616
margin: 0.1em;
1717
padding: 0;
18+
border-style: none;
19+
border-radius: 9999px;
1820

1921
font-size: 1.5em;
2022
color: var(--text, white);
2123

2224
background-color: transparent;
23-
border-style: none;
24-
border-radius: 9999px;
2525
outline: none;
2626

2727
&:focus,
@@ -63,16 +63,16 @@
6363
align-items: center;
6464

6565
padding: 0.4em 0.5em;
66+
border-radius: 0.3em;
6667

6768
font-size: 0.8em;
6869
color: white;
6970
white-space: nowrap;
7071

7172
opacity: 0;
7273
background-color: #303030;
73-
border-radius: 0.3em;
7474

75-
&[data-placement="right"] {
75+
&[data-placement='right'] {
7676
left: calc(100% + 1.5em);
7777

7878
&::before {
@@ -82,7 +82,7 @@
8282
}
8383
}
8484

85-
&[data-placement="left"] {
85+
&[data-placement='left'] {
8686
right: calc(100% + 1.5em);
8787

8888
&::before {
@@ -96,20 +96,21 @@
9696
/* 工具栏按钮的悬浮框的箭头 */
9797
.iconButtonPopper::before {
9898
pointer-events: none;
99-
content: "";
99+
content: '';
100100

101101
position: absolute;
102102

103-
background-color: transparent;
104103
border-color: transparent;
105104
border-style: solid;
106105
border-width: 0.4em;
107106

107+
background-color: transparent;
108+
108109
transition: opacity 150ms;
109110
}
110111

111112
/* 控制悬浮框的显示 */
112-
.iconButtonItem:is(:hover, :focus, [data-show="true"]) .iconButtonPopper {
113+
.iconButtonItem:is(:hover, :focus, [data-show='true']) .iconButtonPopper {
113114
opacity: 1;
114115
}
115116

‎src/components/Manga/components/ComicImg.module.css‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -49,9 +49,9 @@
4949
}
5050

5151
/* 遮住默认的出错图片标识 */
52-
&[data-load-type="error"] > picture::after {
52+
&[data-load-type='error'] > picture::after {
5353
pointer-events: none;
54-
content: "";
54+
content: '';
5555

5656
position: absolute;
5757
top: 0;
@@ -64,7 +64,7 @@
6464
background-image: var(--md-image-not-supported);
6565
}
6666

67-
&[data-load-type="loading"] > picture {
67+
&[data-load-type='loading'] > picture {
6868
background-image: var(--md-cloud-download);
6969

7070
/* 加载中的图片先隐藏一下，避免出错图片的元素被直接显示出来 */
@@ -74,14 +74,14 @@
7474
}
7575
}
7676

77-
.mangaFlow[dir="ltr"] .img[data-show="1"],
78-
.mangaFlow[dir="rtl"] .img[data-show="0"] {
77+
.mangaFlow[dir='ltr'] .img[data-show='1'],
78+
.mangaFlow[dir='rtl'] .img[data-show='0'] {
7979
margin-right: auto;
8080
margin-left: 0;
8181
}
8282

83-
.mangaFlow[dir="ltr"] .img[data-show="0"],
84-
.mangaFlow[dir="rtl"] .img[data-show="1"] {
83+
.mangaFlow[dir='ltr'] .img[data-show='0'],
84+
.mangaFlow[dir='rtl'] .img[data-show='1'] {
8585
margin-right: 0;
8686
margin-left: auto;
8787
}
@@ -115,7 +115,7 @@
115115
height: fit-content;
116116
}
117117

118-
&[data-hidden-mouse="true"] {
118+
&[data-hidden-mouse='true'] {
119119
cursor: none;
120120
}
121121

@@ -134,8 +134,8 @@
134134

135135
transition-duration: 0ms;
136136

137-
&[data-animation="page"] .mangaFlow,
138-
&[data-animation="zoom"] {
137+
&[data-animation='page'] .mangaFlow,
138+
&[data-animation='zoom'] {
139139
transition-duration: 300ms;
140140
}
141141
}
@@ -189,9 +189,9 @@
189189
opacity: 0.5;
190190
}
191191

192-
&[data-load-type="error"],
193-
&[data-load-type="wait"],
194-
&[src=""] {
192+
&[data-load-type='error'],
193+
&[data-load-type='wait'],
194+
&[src=''] {
195195
height: 100%;
196196
}
197197
}

‎src/components/Manga/components/EndPage.module.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,11 @@
2929
opacity: 1;
3030
}
3131

32-
&[data-type="start"] .tip {
32+
&[data-type='start'] .tip {
3333
transform: translateY(-10em);
3434
}
3535

36-
&[data-type="end"] .tip {
36+
&[data-type='end'] .tip {
3737
transform: translateY(10em);
3838
}
3939

‎src/components/Manga/components/Scrollbar.module.css‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -46,11 +46,11 @@
4646

4747
transition: transform 1s;
4848

49-
&[data-type="loaded"] {
49+
&[data-type='loaded'] {
5050
transform: scaleY(0);
5151
}
5252

53-
&[data-type="wait"] {
53+
&[data-type='wait'] {
5454
opacity: 0.5;
5555
}
5656

@@ -64,19 +64,19 @@
6464
background-color: transparent;
6565
}
6666

67-
&[data-translation-type="wait"] {
67+
&[data-translation-type='wait'] {
6868
background-color: #81c784;
6969
}
7070

71-
&[data-translation-type="show"] {
71+
&[data-translation-type='show'] {
7272
background-color: #4caf50;
7373
}
7474

75-
&[data-translation-type="error"] {
75+
&[data-translation-type='error'] {
7676
background-color: #f005;
7777
}
7878

79-
&[data-type="error"] {
79+
&[data-type='error'] {
8080
background-color: #f005;
8181
}
8282
}
@@ -130,7 +130,7 @@
130130

131131
/* 悬浮框箭头 */
132132
.scrollbar::before {
133-
content: "";
133+
content: '';
134134

135135
position: absolute;
136136
right: 2em;
@@ -189,11 +189,11 @@
189189
* 滚动条位置
190190
*/
191191

192-
.scrollbar[data-position="hidden"] {
192+
.scrollbar[data-position='hidden'] {
193193
display: none;
194194
}
195195

196-
.scrollbar[data-position="top"] {
196+
.scrollbar[data-position='top'] {
197197
top: 1px;
198198

199199
/* 扩大触发范围 */
@@ -211,7 +211,7 @@
211211
}
212212
}
213213

214-
.scrollbar[data-position="bottom"] {
214+
.scrollbar[data-position='bottom'] {
215215
top: unset;
216216
bottom: 1px;
217217

@@ -230,8 +230,8 @@
230230
}
231231
}
232232

233-
.scrollbar[data-position="top"],
234-
.scrollbar[data-position="bottom"] {
233+
.scrollbar[data-position='top'],
234+
.scrollbar[data-position='bottom'] {
235235
--arrow-x: calc(var(--arrow-y) * -1 + 50%);
236236

237237
right: 1%;
@@ -259,7 +259,7 @@
259259
padding: 0.1em 0.3em;
260260
}
261261

262-
&[data-dir="ltr"] {
262+
&[data-dir='ltr'] {
263263
--arrow-x: calc(var(--arrow-y) - 50%);
264264

265265
flex-direction: row;
@@ -283,7 +283,7 @@
283283
& .scrollbarPage {
284284
transform: scaleX(1);
285285

286-
&[data-type="loaded"] {
286+
&[data-type='loaded'] {
287287
transform: scaleX(0);
288288
}
289289

@@ -301,7 +301,7 @@
301301
text-orientation: upright;
302302
}
303303

304-
&[data-dir="ltr"] .scrollbarPoper {
304+
&[data-dir='ltr'] .scrollbarPoper {
305305
writing-mode: vertical-lr;
306306
}
307307
}

‎src/components/Manga/components/Setting.module.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
}
6464
}
6565

66-
&[data-show="false"] {
66+
&[data-show='false'] {
6767
grid-template-rows: max-content 0fr;
6868
padding-bottom: unset;
6969

@@ -150,7 +150,7 @@
150150
transition: transform 100ms;
151151
}
152152

153-
.SettingsItemSwitch[data-checked="true"] {
153+
.SettingsItemSwitch[data-checked='true'] {
154154
background: var(--secondary-bg);
155155

156156
& .SettingsItemSwitchRound {

0 commit comments

Comments
 (0)