|
535 | 535 | flex-wrap: wrap;
|
536 | 536 | justify-content: flex-end;
|
537 | 537 | align-content: flex-start;
|
538 |
| - padding-left: 20px; |
| 538 | + padding: 0px 16px; |
| 539 | + gap: 0px 16px; |
539 | 540 | }
|
540 | 541 | post.tiny > sub-post > post-leader {
|
541 |
| - padding-left: 15px; |
| 542 | + padding: 0px 12px; |
| 543 | + gap: 0px 12px; |
542 | 544 | }
|
543 | 545 | body.blur post > sub-post > post-leader {
|
544 | 546 | border-top-left-radius: inherit;
|
545 | 547 | border-top-right-radius: inherit;
|
546 | 548 | }
|
547 | 549 | post > sub-post > post-leader > post-leader-section /* -> */ {
|
548 | 550 | display: inline-flex;
|
549 |
| - flex-basis: 60%; |
| 551 | + justify-content: flex-start; |
550 | 552 | flex-grow: 1;
|
| 553 | + flex-basis: 60%; |
| 554 | + padding: 20px 24px; |
551 | 555 | box-sizing: border-box;
|
552 |
| - padding: 20px; |
553 |
| - gap: 40px; |
| 556 | + gap: 6px 40px; |
554 | 557 | }
|
555 | 558 | post.tiny > sub-post > post-leader > post-leader-section {
|
556 |
| - padding: 15px; |
557 |
| - gap: 30px; |
| 559 | + padding: 15px 18px; |
| 560 | + gap: 6px 30px; |
558 | 561 | }
|
559 | 562 | post.wrap-leader > sub-post > post-leader > post-leader-section {
|
560 | 563 | flex-basis: 100%;
|
561 | 564 | padding-bottom: 0px;
|
562 | 565 | }
|
563 | 566 | post > sub-post > post-leader > post-leader-section > post-leader-order /* -> */ {
|
564 |
| - display: inline-block; |
565 | 567 | line-height: 21px;
|
566 | 568 | min-height: 21px;
|
567 | 569 | max-width: 80px;
|
|
576 | 578 | color: rgba(0, 0, 0, 0.5);
|
577 | 579 | }
|
578 | 580 | post > sub-post > post-leader > post-leader-section > post-leader-title /* -> */ {
|
579 |
| - display: inline-flex; |
580 | 581 | line-height: 21px;
|
581 | 582 | min-height: 21px;
|
582 | 583 | font-size: 16px;
|
583 | 584 | color: white;
|
584 |
| - flex-grow: 1; |
585 | 585 | }
|
586 | 586 | body.blur post > sub-post > post-leader > post-leader-section > post-leader-title {
|
587 | 587 | color: rgba(0, 0, 0, 0.5);
|
588 | 588 | }
|
589 | 589 | post > sub-post > post-leader > post-leader-advance /* -> */ {
|
590 | 590 | display: inline-flex;
|
591 |
| - flex-basis: 40%; |
592 | 591 | flex-wrap: wrap;
|
593 | 592 | justify-content: flex-end;
|
594 | 593 | align-content: flex-start;
|
595 |
| - padding: 16px 16px 16px 20px; |
| 594 | + flex-basis: calc(40% - 16px); |
| 595 | + padding: 16px 0px; |
596 | 596 | min-height: 36px;
|
597 | 597 | box-sizing: border-box;
|
598 | 598 | gap: 6px;
|
599 | 599 | }
|
600 | 600 | 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; |
602 | 603 | }
|
603 | 604 | post.wrap-leader > sub-post > post-leader > post-leader-advance {
|
604 | 605 | flex-basis: 100%;
|
|
0 commit comments