@@ -17,7 +17,8 @@ body:has(.community-v3) .header {
1717.community-container {
1818 max-width : 1440px ;
1919 margin : 0 auto;
20- padding : var (--space-large , 16px ) var (--space-large , 16px ) var (--space-xxl , 48px );
20+ padding : var (--space-large , 16px ) var (--space-large , 16px )
21+ var (--space-xxl , 48px );
2122}
2223
2324/* ── Masonry layout ───────────────────────────────────────────── */
@@ -27,7 +28,6 @@ body:has(.community-v3) .header {
2728 grid-template-columns : repeat (3 , 1fr );
2829 gap : var (--space-large );
2930 align-items : start;
30-
3131}
3232
3333.community-masonry__help {
@@ -40,53 +40,6 @@ body:has(.community-v3) .header {
4040 gap : var (--space-large );
4141}
4242
43-
44- .community-masonry .btn {
45- text-decoration : none;
46- }
47-
48- /* ── Contribute section ────────────────────────────────────── */
49-
50- .community-contribute {
51- display : flex;
52- flex-direction : column;
53- }
54-
55- .community-contribute__heading {
56- font-family : var (--font-display , "DM Serif Display" , serif);
57- font-size : var (--font-size-large , 20px );
58- font-weight : var (--font-weight-regular , 400 );
59- line-height : var (--line-height-default , 1.5 );
60- color : var (--color-text-primary , # 050816 );
61- margin : 0 ;
62- }
63-
64- .community-contribute__text {
65- font-size : var (--font-size-small , 14px );
66- color : var (--color-text-secondary , # 3C3C43 );
67- margin : 0 ;
68- }
69-
70- .community-contribute__list {
71- font-size : var (--font-size-small , 14px );
72- color : var (--color-text-secondary , # 3C3C43 );
73- margin : 0 ;
74- padding-left : var (--space-large , 16px );
75- display : flex;
76- flex-direction : column;
77- gap : var (--space-xs , 4px );
78- }
79-
80- /* Nested cards inside contribute: remove double card chrome */
81- .community-contribute .card > .card ,
82- .community-contribute .card > section .card {
83- border : none;
84- padding-top : 0 ;
85- padding-bottom : 0 ;
86- background : transparent;
87- border-radius : 0 ;
88- }
89-
9043/* ── Responsive: tablet (2-col) ────────────────────────────── */
9144
9245@media (max-width : 1279px ) {
@@ -110,22 +63,42 @@ body:has(.community-v3) .header {
11063 display : none;
11164 }
11265
113- .card , .card-group {
66+ .card ,
67+ .card-group {
11468 max-width : var (--community-col-width );
11569 width : 100% ;
11670 }
71+
11772 /* Flatten cols so cells become direct grid children (reshuffled via areas) */
11873 .community-masonry__col {
11974 display : contents;
12075 }
121- .community-masonry__help { grid-area : A; max-width : calc (var (--community-col-width ) * 2 + var (--space-large )); }
122- .community-masonry__cell--install { grid-area : B; }
123- .community-masonry__cell--libraries { grid-area : C; }
124- .community-masonry__cell--posts { grid-area : D; }
125- .community-masonry__cell--slack { grid-area : E; }
126- .community-masonry__cell--contribute { grid-area : F; }
127- .community-masonry__cell--mailing { grid-area : G; }
128- .community-masonry__cell--threads { grid-area : H; }
76+
77+ .community-masonry__help {
78+ grid-area : A;
79+ max-width : calc (var (--community-col-width ) * 2 + var (--space-large ));
80+ }
81+ .community-masonry__cell--install {
82+ grid-area : B;
83+ }
84+ .community-masonry__cell--libraries {
85+ grid-area : C;
86+ }
87+ .community-masonry__cell--posts {
88+ grid-area : D;
89+ }
90+ .community-masonry__cell--slack {
91+ grid-area : E;
92+ }
93+ .community-masonry__cell--contribute {
94+ grid-area : F;
95+ }
96+ .community-masonry__cell--mailing {
97+ grid-area : G;
98+ }
99+ .community-masonry__cell--threads {
100+ grid-area : H;
101+ }
129102}
130103
131104/* ── Responsive: mobile (1-col) ────────────────────────────── */
0 commit comments