five-for-the-future/themes/wporg-5ftf-2024/src/pledge-contributors/style.scss

53 lines
1.3 KiB
SCSS
Raw Normal View History

.wp-block-wporg-pledge-contributors {
--wporg-pledge-contributors--spacing--size: 70px;
--wporg-pledge-contributors--spacing--block-gap: var(--wp--preset--spacing--10);
ul {
display: flex;
flex-wrap: wrap;
align-content: center;
gap: var(--wporg-pledge-contributors--spacing--block-gap);
list-style: none;
padding-left: 0;
}
li {
width: var(--wporg-pledge-contributors--spacing--size);
height: var(--wporg-pledge-contributors--spacing--size);
}
.pledge-contributor__avatar a {
display: inline-block;
background: var(--wp--preset--color--light-grey-2);
border-radius: 50%;
&:focus {
outline: 1.5px solid var(--wp--preset--color--white);
box-shadow: 0 0 0 3px var(--wp--preset--color--blueberry-1);
}
img {
display: block;
border-radius: 50%;
max-width: 100%;
height: auto;
}
}
.pledge-contributors__more {
font-size: var(--wp--preset--font-size--small);
line-height: var(--wp--custom--body--small--typography--line-height);
align-content: center;
}
.pledge-no-contributors {
font-size: var(--wp--preset--font-size--small);
line-height: var(--wp--custom--body--small--typography--line-height);
}
&.is-style-truncated {
--wporg-pledge-contributors--spacing--size: 30px;
--wporg-pledge-contributors--spacing--block-gap: 4px;
}
}