@@ -532,7 +532,27 @@ a[data-active='true'],
532532 padding : var (--space-lg ) var (--space-md ) var (--space-xl );
533533}
534534
535- .docs-home-identity {
535+ .docs-visually-hidden {
536+ position : absolute;
537+ width : 1px ;
538+ height : 1px ;
539+ overflow : hidden;
540+ clip-path : inset (50% );
541+ white-space : nowrap;
542+ }
543+
544+ .docs-home-wordmark {
545+ display : none;
546+ min-width : 0 ;
547+ }
548+
549+ .docs-home-banner {
550+ display : block;
551+ width : 100% ;
552+ height : auto;
553+ }
554+
555+ .docs-home-mobile-identity {
536556 display : flex;
537557 align-items : center;
538558 gap : var (--space-md );
@@ -543,19 +563,19 @@ a[data-active='true'],
543563 width : 4.5rem ;
544564}
545565
546- .docs-home-identity h1 {
547- margin : 0 ;
548- overflow-wrap : anywhere;
566+ .docs-home-mobile-title {
567+ display : block;
549568 color : var (--color-ink );
550569 font-family : var (--font-display );
551- font-size : var ( --text-display );
570+ font-size : clamp ( 1.75 rem , 10 vw , 2.5 rem );
552571 font-style : normal;
553572 font-weight : 700 ;
554573 letter-spacing : -0.035em ;
555574 line-height : 1 ;
575+ white-space : nowrap;
556576}
557577
558- .docs-home-identity p {
578+ .docs-home-mobile- identity p {
559579 margin : var (--space-xs ) 0 0 ;
560580 color : var (--color-ink-2 );
561581 font-family : var (--font-body );
@@ -591,6 +611,30 @@ a[data-active='true'],
591611 line-height : 1.65 ;
592612}
593613
614+ .docs-home-body > ul {
615+ display : grid;
616+ grid-template-columns : minmax (0 , 1fr );
617+ gap : 0 var (--space-lg );
618+ padding : 0 ;
619+ list-style : none;
620+ }
621+
622+ .docs-home-body > ul > li {
623+ min-width : 0 ;
624+ margin : 0 ;
625+ border-top : 1px solid var (--color-rule );
626+ padding : var (--space-sm ) 0 ;
627+ color : var (--color-ink-2 );
628+ line-height : 1.55 ;
629+ }
630+
631+ .docs-home-body > ul > li > a {
632+ display : inline-block;
633+ margin-inline-end : var (--space-3xs );
634+ font-weight : 600 ;
635+ white-space : nowrap;
636+ }
637+
594638.docs-home-body > : where (h2 , h3 ),
595639.prose : not (.docs-home-body ) > : where (h2 , h3 ) {
596640 display : block;
@@ -816,13 +860,23 @@ a[data-active='true'],
816860 }
817861
818862 .docs-home-hero {
819- grid-template-columns : minmax (0 , 1fr ) auto;
820- align-items : end;
821863 padding : var (--space-xl ) var (--space-xl ) var (--space-2xl );
822864 }
823865
866+ .docs-home-wordmark {
867+ display : block;
868+ }
869+
870+ .docs-home-mobile-identity {
871+ display : none;
872+ }
873+
824874 .docs-home-actions {
825- justify-content : flex-end;
875+ justify-content : center;
876+ }
877+
878+ .docs-home-body > ul {
879+ grid-template-columns : repeat (2 , minmax (0 , 1fr ));
826880 }
827881
828882}
0 commit comments