Skip to content

Commit b98152a

Browse files
timwleetimwlee
committed
Resolve all eslint errors
1 parent 43a940f commit b98152a

File tree

6 files changed

+65
-68
lines changed

6 files changed

+65
-68
lines changed

‎blocks/cards/cards.css‎

Lines changed: 40 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,10 @@
1010
gap: 10px;
1111
}
1212

13-
@media (max-width: 768px) {
13+
@media (width <= 768px) {
1414
.cards.portfolio .filter-container {
1515
justify-content: flex-start;
16+
flex-direction: column;
1617
}
1718
}
1819

@@ -27,8 +28,7 @@
2728
.cards.portfolio .small-card-container {
2829
display: grid;
2930
grid-template-columns: repeat(3, minmax(0, 1fr));
30-
row-gap: 16px;
31-
column-gap: 16px;
31+
gap: 16px;
3232
}
3333

3434
.cards.portfolio .small-card {
@@ -42,7 +42,7 @@
4242

4343
.cards.portfolio .small-card .wrapper {
4444
border-radius: 5px;
45-
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
45+
box-shadow: 0 4px 8px 0 rgba(0 0 0 / 20%), 0 6px 20px 0 rgba(0 0 0 / 20%);
4646
width: 100%;
4747
height: 100%;
4848
}
@@ -60,10 +60,10 @@
6060
.cards.portfolio .small-card .card-images picture:last-of-type {
6161
position: absolute;
6262
left: 0;
63+
/* stylelint-disable-next-line */
6364
width: -webkit-fill-available;
65+
/* stylelint-disable-next-line */
6466
height: -webkit-fill-available;
65-
width: fill-available;
66-
height: fill-available;
6767
}
6868

6969
.cards.portfolio .small-card .card-images picture:last-of-type::before {
@@ -73,11 +73,26 @@
7373
left: 0;
7474
width: 100%;
7575
height: 100%;
76-
background: rgba(0, 0, 0, 0.4);
76+
background: rgba(0 0 0 / 40%);
7777
pointer-events: none;
7878
border-radius: 5px;
7979
}
8080

81+
.cards.portfolio .github-drive-wrapper .icon img {
82+
object-fit: cover;
83+
}
84+
85+
.cards.portfolio .small-card .card-images picture img {
86+
width: 100%;
87+
height: 100%;
88+
object-fit: cover;
89+
border-radius: 5px;
90+
}
91+
92+
.cards.portfolio .github-drive-wrapper .github-link:hover img {
93+
filter: invert(100%);
94+
}
95+
8196
.cards.portfolio .small-card .card-images:hover picture:first-of-type img {
8297
opacity: 0.9;
8398
transform: scale(1.05);
@@ -89,11 +104,10 @@
89104
border-radius: 5px;
90105
}
91106

92-
.cards.portfolio .small-card .card-images picture img {
93-
width: 100%;
94-
height: 100%;
95-
object-fit: cover;
96-
border-radius: 5px;
107+
.cards.portfolio .links-wrapper span {
108+
font-size: 16px;
109+
color: #000;
110+
font-weight: 500;
97111
}
98112

99113
.cards.portfolio .small-card .card-images.featured span {
@@ -120,7 +134,7 @@
120134
padding: 0.5rem 1rem;
121135
font-size: 22px;
122136
font-weight: 900;
123-
border-radius: 10px 0 5px 0;
137+
border-radius: 10px 0 5px;
124138
}
125139

126140
.cards.portfolio .small-card .card-images .demo-title:hover {
@@ -191,26 +205,18 @@
191205
height: 53px;
192206
}
193207

194-
.cards.portfolio .github-drive-wrapper .icon img {
195-
object-fit: cover;
196-
}
197-
198208
.cards.portfolio .github-drive-wrapper .github-link {
199209
background-color: #000;
200210
display: inline-block;
211+
/* stylelint-disable-next-line */
201212
height: -webkit-fill-available;
202-
height: fill-available;
203213
border-radius: 5px;
204214
}
205215

206216
.cards.portfolio .github-drive-wrapper .github-link:hover {
207217
background-color: #ccc;
208218
}
209219

210-
.cards.portfolio .github-drive-wrapper .github-link:hover img {
211-
filter: invert(100%);
212-
}
213-
214220
.cards.portfolio .related-wrapper {
215221
margin: auto 0;
216222
}
@@ -244,11 +250,6 @@
244250
margin: auto 0;
245251
}
246252

247-
.cards.portfolio .links-wrapper span {
248-
font-size: 16px;
249-
color: #000;
250-
font-weight: 500;
251-
}
252253

253254
.cards.portfolio .links-wrapper a {
254255
font-size: 16px;
@@ -295,29 +296,33 @@
295296
width: 100%;
296297
height: 100%;
297298
backface-visibility: hidden;
299+
/* stylelint-disable-next-line property-no-vendor-prefix */
298300
-webkit-backface-visibility: hidden;
301+
/* stylelint-disable-next-line property-no-vendor-prefix */
299302
-moz-backface-visibility: hidden;
303+
/* stylelint-disable-next-line property-no-vendor-prefix */
300304
-ms-backface-visibility: hidden;
301305
border-radius: 5px;
302306
}
303307

304-
@media (min-width: 1301px) {
308+
@media (width >= 1301px) {
305309
.cards.portfolio .small-card-container {
306310
grid-template-columns: repeat(3, minmax(0, 1fr));
307311
}
308312
}
309313

310-
@media (min-width: 768px) and (max-width: 1300px) {
314+
@media (width >= 768px) and (width <= 1300px) {
311315
.cards.portfolio .small-card-container {
312316
grid-template-columns: repeat(2, minmax(0, 1fr));
313317
}
314318
}
315319

316-
@media (max-width: 768px) {
320+
@media (width <= 768px) {
317321
.cards.portfolio .small-card-container {
318322
grid-template-columns: 1fr;
319323
}
320324
}
325+
321326
/* End of Cards - Portfolio */
322327

323328
/* grid-4 */
@@ -350,8 +355,7 @@
350355
width: 100%;
351356
height: 100%;
352357
overflow: auto;
353-
background-color: rgb(0,0,0);
354-
background-color: rgba(0,0,0,0.65);
358+
background-color: rgba(0 0 0 / 65%);
355359
}
356360

357361
.modal-content {
@@ -362,10 +366,10 @@
362366
width: 80%;
363367
max-width: 750px;
364368
border-radius: 15px;
365-
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
369+
box-shadow: 0 5px 15px rgba(0 0 0 / 50%);
366370
}
367371

368-
@media (max-width: 768px) {
372+
@media (width <= 768px) {
369373
.modal-content {
370374
margin-top: 100px;
371375
}
@@ -395,7 +399,8 @@
395399
cursor: pointer;
396400
}
397401

398-
#demoNotesContent {
402+
403+
#demo-notes-content {
399404
font-size: 16px;
400405
line-height: 1.5;
401406
color: #333;

‎blocks/cards/cards.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@ export default function CardsPortfolio(block) {
149149
<div>Demo Notes</div>
150150
<span class="close">&times;</span>
151151
</div>
152-
<div id="demoNotesContent"></div>
152+
<div id="demo-notes-content"></div>
153153
</div>
154154
</div>`;
155155

@@ -262,7 +262,7 @@ export default function CardsPortfolio(block) {
262262
const demoNotes = button.getAttribute('data-demo-notes');
263263
const demoTitle = button.getAttribute('data-demo-title');
264264
const modal = document.getElementById('demoModal');
265-
const modalContent = document.getElementById('demoNotesContent');
265+
const modalContent = document.getElementById('demo-notes-content');
266266
const modalHeader = modal.querySelector('.modal-header div');
267267

268268
modalContent.innerHTML = demoNotes;

‎blocks/header/header.css‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ header .nav-wrapper {
44
width: 100%;
55
z-index: 2;
66
position: fixed;
7-
box-shadow: 0 4px 6px -1px rgba(10, 29, 41, 0.1), 0 2px 4px -1px rgba(40, 134, 187, 0.06);
7+
box-shadow: 0 4px 6px -1px rgba(10 29 41 / 10%), 0 2px 4px -1px rgba(40 134 187 / 60%);
88
}
99

1010
header nav {
@@ -13,9 +13,6 @@ header nav {
1313
grid-template:
1414
'hamburger brand tools' var(--nav-height)
1515
'sections sections sections' 1fr / auto 1fr auto;
16-
/* grid-template:
17-
'brand tools' var(--nav-height)
18-
'sections sections' 1fr / auto 1fr auto; */
1916
align-items: center;
2017
gap: 0 2em;
2118
margin: auto;

‎blocks/table/table.css‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,12 @@
5858
background-color: var(--light-color);
5959
}
6060

61+
/* bordered variant */
62+
.table.bordered table td,
63+
.table.bordered table th {
64+
border: 1px solid #dadada;
65+
}
66+
6167
.table.striped tbody tr > td {
6268
text-align: center
6369
}
@@ -70,16 +76,9 @@
7076
text-align: center;
7177
}
7278

73-
/* bordered variant */
74-
.table.bordered table th,
75-
.table.bordered table td {
76-
border: 1px solid #dadada;
77-
}
78-
7979
/* other */
8080
.section.table-container .default-content-wrapper p {
8181
margin: 0;
82-
/* padding-top: 3px; */
8382
font-size: 12px;
8483
}
8584

‎blocks/tabs/tabs.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
font-size: 16px;
3838
}
3939

40+
.tabs .tabs-panel p {
41+
font-size: 16px;
42+
}
43+
4044
.tabs .tabs-list button p {
4145
margin: 0;
4246
}
@@ -54,10 +58,6 @@
5458
overflow: auto;
5559
}
5660

57-
.tabs .tabs-panel p {
58-
font-size: 16px;
59-
}
60-
6161
.tabs .tabs-panel[aria-hidden='true'] {
6262
display: none;
6363
}

‎styles/styles.css‎

Lines changed: 12 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
--link-color: #035fe6;
1616
--link-hover-color: #136ff6;
1717
--background-color: white;
18-
--light-color: rgb(250, 250, 250);
18+
--light-color: rgb(250 250 250);
1919
--dark-color: #ccc;
2020
--text-color: black;
2121

@@ -112,6 +112,16 @@ pre {
112112
overflow: scroll;
113113
}
114114

115+
code, pre, samp {
116+
font-family: var(--fixed-font-family);
117+
font-size: var(--body-font-size-xs);
118+
}
119+
120+
code, samp {
121+
padding: .125em;
122+
font-size: 10px;
123+
}
124+
115125
main pre {
116126
background-color: var(--light-color);
117127
padding: 1em;
@@ -131,20 +141,6 @@ a:hover {
131141
color: var(--link-hover-color);
132142
}
133143

134-
code, pre, samp {
135-
font-family: var(--fixed-font-family);
136-
font-size: var(--body-font-size-xs);
137-
}
138-
139-
code, samp {
140-
padding: .125em;
141-
font-size: 10px;
142-
}
143-
144-
pre {
145-
overflow: scroll;
146-
}
147-
148144
/* buttons */
149145
a.button:any-link, button {
150146
font-family: var(--body-font-family);
@@ -210,7 +206,7 @@ main .section:not(.nav-container) {
210206

211207
main .main-wrapper .section:not(:first-of-type) {
212208
border-radius: 10px;
213-
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
209+
box-shadow: 0 4px 20px rgba(0 0 0 / 10%);
214210
}
215211

216212
@media (width >= 600px) {

0 commit comments

Comments
 (0)