Skip to content

Commit 0ac3498

Browse files
d13d13
committed
💄stylelint first pass
1 parent 9e8241f commit 0ac3498

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);
@@ -263,23 +271,29 @@ ul {
263271
// margin-top: 0.25rem;
264272
// }
265273
}
274+
266275
&__link {
267276
width: 100%;
268277
color: inherit;
269278
white-space: nowrap;
270279
text-overflow: ellipsis;
271280
overflow: hidden;
272281
}
282+
273283
&__type {
274284
}
285+
275286
&__filename {
276287
}
288+
277289
&__path {
278290
font-size: 0.9em;
279291
}
292+
280293
&__actions {
281294
flex: none;
282295
}
296+
283297
&__action {
284298
}
285299
}
@@ -297,11 +311,13 @@ ul {
297311
justify-content: center;
298312
align-items: center;
299313
}
314+
300315
&__media &__icon {
301316
width: 2.8rem;
302317
height: 2.8rem;
303318
font-size: 2.8rem;
304319
}
320+
305321
&__date {
306322
font-size: 1.2rem;
307323
}
@@ -343,6 +359,7 @@ ul {
343359
bottom: 0.4rem;
344360
}
345361
}
362+
346363
p {
347364
margin: 0;
348365
opacity: 0.5;
@@ -397,6 +414,7 @@ ul {
397414
.vscode-dark & {
398415
background-color: var(--color-background--lighten-15);
399416
}
417+
400418
.vscode-light & {
401419
background-color: var(--color-background--darken-15);
402420
}
@@ -406,6 +424,7 @@ ul {
406424
.vscode-dark & {
407425
background-color: var(--color-background--lighten-10);
408426
}
427+
409428
.vscode-light & {
410429
background-color: var(--color-background--darken-10);
411430
}
@@ -436,6 +455,7 @@ ul {
436455
right: var(--gitlens-scrollbar-gutter-width);
437456
bottom: 0.5rem;
438457
}
458+
439459
background-color: var(--vscode-sideBar-background);
440460
}
441461

@@ -480,7 +500,6 @@ ul {
480500
flex: 1;
481501
margin: 0;
482502
display: block;
483-
484503
overflow-y: auto;
485504
overflow-x: hidden;
486505
max-height: 9rem;
@@ -500,6 +519,7 @@ ul {
500519
flex-basis: 100%;
501520
padding-top: 0.5rem;
502521
}
522+
503523
&__author {
504524
& + & {
505525
margin-top: 0.5rem;
@@ -512,13 +532,16 @@ ul {
512532
> :first-child {
513533
margin-top: 0;
514534
}
535+
515536
> :last-child {
516537
margin-top: 0.5rem;
517538
margin-bottom: 0;
518539
}
519540
}
541+
520542
&__pull-request {
521543
}
544+
522545
&__issue {
523546
> :not(:first-child) {
524547
margin-top: 0.5rem;
@@ -533,9 +556,11 @@ ul {
533556
top: 1px;
534557
bottom: 1px;
535558
}
559+
536560
line-height: 22px;
537561
height: 22px;
538562
}
563+
539564
&__item-skeleton {
540565
padding: {
541566
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)