Skip to content

Commit 8abad0b

Browse files
authored
Add files via upload
1 parent 91aa0ea commit 8abad0b

File tree

1 file changed

+14
-13
lines changed

1 file changed

+14
-13
lines changed

sources/style.css

+14-13
Original file line numberDiff line numberDiff line change
@@ -535,33 +535,35 @@
535535
flex-wrap: wrap;
536536
justify-content: flex-end;
537537
align-content: flex-start;
538-
padding-left: 20px;
538+
padding: 0px 16px;
539+
gap: 0px 16px;
539540
}
540541
post.tiny > sub-post > post-leader {
541-
padding-left: 15px;
542+
padding: 0px 12px;
543+
gap: 0px 12px;
542544
}
543545
body.blur post > sub-post > post-leader {
544546
border-top-left-radius: inherit;
545547
border-top-right-radius: inherit;
546548
}
547549
post > sub-post > post-leader > post-leader-section /* -> */ {
548550
display: inline-flex;
549-
flex-basis: 60%;
551+
justify-content: flex-start;
550552
flex-grow: 1;
553+
flex-basis: 60%;
554+
padding: 20px 24px;
551555
box-sizing: border-box;
552-
padding: 20px;
553-
gap: 40px;
556+
gap: 6px 40px;
554557
}
555558
post.tiny > sub-post > post-leader > post-leader-section {
556-
padding: 15px;
557-
gap: 30px;
559+
padding: 15px 18px;
560+
gap: 6px 30px;
558561
}
559562
post.wrap-leader > sub-post > post-leader > post-leader-section {
560563
flex-basis: 100%;
561564
padding-bottom: 0px;
562565
}
563566
post > sub-post > post-leader > post-leader-section > post-leader-order /* -> */ {
564-
display: inline-block;
565567
line-height: 21px;
566568
min-height: 21px;
567569
max-width: 80px;
@@ -576,29 +578,28 @@
576578
color: rgba(0, 0, 0, 0.5);
577579
}
578580
post > sub-post > post-leader > post-leader-section > post-leader-title /* -> */ {
579-
display: inline-flex;
580581
line-height: 21px;
581582
min-height: 21px;
582583
font-size: 16px;
583584
color: white;
584-
flex-grow: 1;
585585
}
586586
body.blur post > sub-post > post-leader > post-leader-section > post-leader-title {
587587
color: rgba(0, 0, 0, 0.5);
588588
}
589589
post > sub-post > post-leader > post-leader-advance /* -> */ {
590590
display: inline-flex;
591-
flex-basis: 40%;
592591
flex-wrap: wrap;
593592
justify-content: flex-end;
594593
align-content: flex-start;
595-
padding: 16px 16px 16px 20px;
594+
flex-basis: calc(40% - 16px);
595+
padding: 16px 0px;
596596
min-height: 36px;
597597
box-sizing: border-box;
598598
gap: 6px;
599599
}
600600
post.tiny > sub-post > post-leader > post-leader-advance {
601-
padding: 12px 12px 12px 15px;
601+
flex-basis: calc(40% - 12px);
602+
padding: 12px 0px;
602603
}
603604
post.wrap-leader > sub-post > post-leader > post-leader-advance {
604605
flex-basis: 100%;

0 commit comments

Comments
 (0)