Skip to content

Commit 96e1a60

Browse files
d13d13
committed
💄stylelint first pass
1 parent b7ca8ec commit 96e1a60

File tree

16 files changed

+1281
-710
lines changed

16 files changed

+1281
-710
lines changed

‎src/webviews/apps/commitDetails/commitDetails.scss‎

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@
66
// generic resets
77
html {
88
font-size: 62.5%;
9+
910
// box-sizing: border-box;
1011
font-family: var(--font-family);
1112
}
1213

1314
*,
14-
*:before,
15-
*:after {
15+
*::before,
16+
*::after {
1617
box-sizing: border-box;
1718
}
1819

@@ -67,6 +68,7 @@ body {
6768

6869
a {
6970
text-decoration: none;
71+
7072
&:hover {
7173
text-decoration: underline;
7274
}
@@ -81,6 +83,7 @@ ul {
8183
.bulleted {
8284
list-style: disc;
8385
padding-left: 1.2em;
86+
8487
> li + li {
8588
margin-top: 0.25em;
8689
}
@@ -167,6 +170,7 @@ ul {
167170
.vscode-dark & {
168171
background-color: var(--color-background--lighten-075);
169172
}
173+
170174
.vscode-high-contrast-light &,
171175
.vscode-light & {
172176
background-color: var(--color-background--darken-075);
@@ -196,10 +200,12 @@ ul {
196200
&:hover {
197201
color: var(--vscode-foreground);
198202
text-decoration: none;
203+
199204
.vscode-high-contrast &,
200205
.vscode-dark & {
201206
background-color: var(--color-background--lighten-10);
202207
}
208+
203209
.vscode-high-contrast-light &,
204210
.vscode-light & {
205211
background-color: var(--color-background--darken-10);
@@ -208,10 +214,12 @@ ul {
208214

209215
&.is-selected {
210216
color: var(--vscode-foreground);
217+
211218
.vscode-high-contrast &,
212219
.vscode-dark & {
213220
background-color: var(--color-background--lighten-15);
214221
}
222+
215223
.vscode-high-contrast-light &,
216224
.vscode-light & {
217225
background-color: var(--color-background--darken-15);
@@ -235,23 +243,29 @@ ul {
235243
// margin-top: 0.25rem;
236244
// }
237245
}
246+
238247
&__link {
239248
width: 100%;
240249
color: inherit;
241250
white-space: nowrap;
242251
text-overflow: ellipsis;
243252
overflow: hidden;
244253
}
254+
245255
&__type {
246256
}
257+
247258
&__filename {
248259
}
260+
249261
&__path {
250262
font-size: 0.9em;
251263
}
264+
252265
&__actions {
253266
flex: none;
254267
}
268+
255269
&__action {
256270
}
257271
}
@@ -269,11 +283,13 @@ ul {
269283
justify-content: center;
270284
align-items: center;
271285
}
286+
272287
&__media &__icon {
273288
width: 2.8rem;
274289
height: 2.8rem;
275290
font-size: 2.8rem;
276291
}
292+
277293
&__date {
278294
font-size: 1.2rem;
279295
}
@@ -315,6 +331,7 @@ ul {
315331
bottom: 0.4rem;
316332
}
317333
}
334+
318335
p {
319336
margin: 0;
320337
opacity: 0.5;
@@ -369,6 +386,7 @@ ul {
369386
.vscode-dark & {
370387
background-color: var(--color-background--lighten-15);
371388
}
389+
372390
.vscode-light & {
373391
background-color: var(--color-background--darken-15);
374392
}
@@ -378,6 +396,7 @@ ul {
378396
.vscode-dark & {
379397
background-color: var(--color-background--lighten-10);
380398
}
399+
381400
.vscode-light & {
382401
background-color: var(--color-background--darken-10);
383402
}
@@ -404,6 +423,7 @@ ul {
404423
right: var(--gitlens-scrollbar-gutter-width);
405424
bottom: 0.5rem;
406425
}
426+
407427
background-color: var(--vscode-sideBar-background);
408428
}
409429

@@ -448,7 +468,6 @@ ul {
448468
flex: 1;
449469
margin: 0;
450470
display: block;
451-
452471
overflow-y: auto;
453472
overflow-x: hidden;
454473
max-height: 9rem;
@@ -468,6 +487,7 @@ ul {
468487
flex-basis: 100%;
469488
padding-top: 0.5rem;
470489
}
490+
471491
&__author {
472492
& + & {
473493
margin-top: 0.5rem;
@@ -480,13 +500,16 @@ ul {
480500
> :first-child {
481501
margin-top: 0;
482502
}
503+
483504
> :last-child {
484505
margin-top: 0.5rem;
485506
margin-bottom: 0;
486507
}
487508
}
509+
488510
&__pull-request {
489511
}
512+
490513
&__issue {
491514
> :not(:first-child) {
492515
margin-top: 0.5rem;
@@ -501,9 +524,11 @@ ul {
501524
top: 1px;
502525
bottom: 1px;
503526
}
527+
504528
line-height: 22px;
505529
height: 22px;
506530
}
531+
507532
&__item-skeleton {
508533
padding: {
509534
left: var(--gitlens-gutter-width);

‎src/webviews/apps/home/home.scss‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -110,8 +110,9 @@ body {
110110
padding: 0.2rem 0.4rem;
111111
background-color: var(--color-view-background);
112112
}
113+
113114
.sr-only,
114-
.sr-only-focusable:not(:active):not(:focus) {
115+
.sr-only-focusable:not(:active, :focus) {
115116
clip: rect(0 0 0 0);
116117
clip-path: inset(50%);
117118
width: 1px;
@@ -138,11 +139,11 @@ body {
138139
display: none;
139140
}
140141
}
142+
141143
&__main {
142144
flex: 1;
143145
overflow: auto;
144146
padding: 2rem 2rem 0.4rem;
145-
146147
background: linear-gradient(var(--color-view-background) 33%, var(--color-view-background)),
147148
linear-gradient(var(--color-view-background), var(--color-view-background) 66%) 0 100%,
148149
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)),
@@ -152,6 +153,7 @@ body {
152153
background-attachment: local, local, scroll, scroll;
153154
background-size: 100% 12px, 100% 12px, 100% 6px, 100% 6px;
154155
}
156+
155157
&__nav {
156158
flex: none;
157159
padding: 0 2rem;
@@ -168,7 +170,6 @@ body {
168170
max-width: 30rem;
169171
padding: 0.8rem 1.2rem 1.2rem;
170172
z-index: 10;
171-
172173
display: flex;
173174
flex-direction: column;
174175
gap: 0.4rem;
@@ -299,6 +300,7 @@ ul {
299300
align-items: center;
300301
width: 2.2rem;
301302
height: 2.2rem;
303+
302304
// line-height: 2.2rem;
303305
color: inherit;
304306
border-radius: 0.3rem;
@@ -314,6 +316,7 @@ ul {
314316
.vscode-dark & {
315317
background-color: var(--color-background--lighten-10);
316318
}
319+
317320
.vscode-light & {
318321
background-color: var(--color-background--darken-10);
319322
}
@@ -332,6 +335,7 @@ ul {
332335
left: 0.3rem;
333336
right: 0.3rem;
334337
}
338+
335339
gap: 0.2rem;
336340
min-width: 2.2rem;
337341
width: fit-content;
@@ -453,6 +457,7 @@ ul {
453457
left: 0.5rem;
454458
width: 4.6rem;
455459
height: 3.2rem;
460+
456461
// background-color: #ff000066;
457462

458463
&:first-of-type {
@@ -560,6 +565,7 @@ vscode-button {
560565
.mb-1 {
561566
margin-bottom: 0.4rem;
562567
}
568+
563569
.mb-0 {
564570
margin-bottom: 0;
565571
}
@@ -606,19 +612,24 @@ vscode-button {
606612

607613
&__indicator {
608614
fill: transparent;
615+
609616
&.is-active {
610617
fill: var(--vscode-activityBar-activeBorder);
611618
}
612619
}
620+
613621
&__icon {
614622
transition: all ease 100ms;
615623
fill: var(--vscode-activityBar-inactiveForeground);
624+
616625
&.is-active {
617626
fill: var(--vscode-activityBar-foreground);
618627
}
619628
}
629+
620630
&__arrow {
621631
fill: transparent;
632+
622633
&.is-active {
623634
fill: var(--vscode-textLink-foreground);
624635
}

0 commit comments

Comments
 (0)