File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 129129 0% { transform : rotate (0deg ); }
130130 100% { transform : rotate (360deg ); }
131131}
132+
133+ /* ---------- Contributors List ---------- */
134+ .contributors-list {
135+ display : grid;
136+ grid-template-columns : repeat (2 , 1fr );
137+ gap : 0.75rem ;
138+ }
139+
140+ @media (min-width : 640px ) {
141+ .contributors-list {
142+ grid-template-columns : repeat (3 , 1fr );
143+ }
144+ }
145+
146+ @media (min-width : 768px ) {
147+ .contributors-list {
148+ grid-template-columns : repeat (4 , 1fr );
149+ }
150+ }
151+
152+ @media (min-width : 1024px ) {
153+ .contributors-list {
154+ grid-template-columns : repeat (5 , 1fr );
155+ }
156+ }
157+
158+ .contributor-card {
159+ background-color : var (--md-sys-color-surface-container );
160+ border-radius : 0.75rem ;
161+ transition : background-color var (--transition-duration ) var (--transition-timing ), transform var (--transition-duration ) var (--transition-timing );
162+ }
163+
164+ .contributor-card : hover {
165+ background-color : var (--md-sys-color-surface-container-high );
166+ transform : translateY (-2px );
167+ }
168+
169+ .contributor-card a {
170+ display : flex;
171+ align-items : center;
172+ gap : 0.75rem ;
173+ padding : 0.75rem ;
174+ text-decoration : none;
175+ color : inherit;
176+ }
177+
178+ .contributor-card img {
179+ width : 48px ;
180+ height : 48px ;
181+ border-radius : 50% ;
182+ flex-shrink : 0 ;
183+ }
184+
185+ .contributor-info {
186+ display : flex;
187+ flex-direction : column;
188+ gap : 0.25rem ;
189+ min-width : 0 ;
190+ }
191+
192+ .contributor-name {
193+ font-size : var (--md-sys-typescale-label-large-size );
194+ font-weight : 500 ;
195+ color : var (--md-sys-color-on-surface );
196+ white-space : nowrap;
197+ overflow : hidden;
198+ text-overflow : ellipsis;
199+ }
200+
201+ .contributor-roles {
202+ display : flex;
203+ flex-wrap : wrap;
204+ gap : 0.25rem ;
205+ color : var (--md-sys-color-on-surface-variant );
206+ font-size : 0.75rem ;
207+ }
208+
209+ .contributor-roles i {
210+ opacity : 0.7 ;
211+ transition : opacity var (--transition-duration ) var (--transition-timing );
212+ }
213+
214+ .contributor-card : hover .contributor-roles i {
215+ opacity : 1 ;
216+ }
You can’t perform that action at this time.
0 commit comments