Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -329,11 +329,10 @@ 329 329 border: 1px solid @line; 330 330 border-radius: @radius; 331 331 box-shadow: @shadow-sm; 332 - transition: transform .18s ease,box-shadow .18s ease;332 + transition: box-shadow .18s ease; 333 333 334 334 &:hover { 335 - transform: translateY(-2px); 336 - box-shadow: @shadow; 335 + box-shadow: @shadow-sm; 337 337 } 338 338 } 339 339 ... ... @@ -624,6 +624,77 @@ 624 624 } 625 625 } 626 626 626 +/* ========== Homepage Resource Strip ========== */ 627 + 628 +.homepage-resource-strip { 629 + background: 630 + radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 70%); 631 + 632 + .resource-grid { 633 + max-width: 1040px; 634 + margin: 26px auto 0; 635 + display: grid; 636 + grid-template-columns: repeat(2, minmax(0, 1fr)); 637 + grid-gap: 22px; 638 + align-items: stretch; 639 + } 640 + 641 + .resource-card { 642 + display: flex; 643 + flex-direction: column; 644 + min-width: 0; 645 + min-height: 100%; 646 + padding: 26px; 647 + } 648 + 649 + .resource-card h4 { 650 + margin: 0 0 10px; 651 + color: @text; 652 + font-size: 21px; 653 + line-height: 1.25; 654 + font-weight: 700; 655 + } 656 + 657 + .resource-card p { 658 + margin: 0 0 18px; 659 + color: @muted; 660 + font-size: 15px; 661 + line-height: 1.6; 662 + } 663 + 664 + .resource-card a { 665 + margin-top: auto; 666 + color: @brand; 667 + font-weight: 700; 668 + text-decoration: underline; 669 + 670 + &:hover, 671 + &:focus { 672 + color: @brand-strong; 673 + } 674 + } 675 +} 676 + 677 +@media (max-width: 980px) { 678 + .homepage-resource-strip { 679 + .resource-grid { 680 + grid-template-columns: 1fr; 681 + } 682 + } 683 +} 684 + 685 +@media (max-width: 640px) { 686 + .homepage-resource-strip { 687 + .resource-card { 688 + padding: 22px; 689 + } 690 + 691 + .resource-card h4 { 692 + font-size: 19px; 693 + } 694 + } 695 +} 696 + 627 627 /* ========== CTA ========== */ 628 628 629 629 .cta-section {