forked from vyla-entertainment/home-frontend
49 lines
855 B
CSS
49 lines
855 B
CSS
.partners-inline {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 0.85rem;
|
|
padding-top: 120px;
|
|
}
|
|
|
|
.partners-label {
|
|
font-size: 0.8rem;
|
|
font-weight: 500;
|
|
color: var(--color-fg-dim);
|
|
opacity: 0.75;
|
|
letter-spacing: 0.01em;
|
|
}
|
|
|
|
.partners-grid {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: clamp(1.5rem, 4vw, 2.75rem);
|
|
width: 100%;
|
|
max-width: 800px;
|
|
}
|
|
|
|
.partner-item {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.partner-item img {
|
|
height: 30px;
|
|
width: auto;
|
|
object-fit: contain;
|
|
filter: brightness(0) invert(1);
|
|
opacity: 0.85;
|
|
margin-top: 12px;
|
|
transition: opacity var(--duration-fast) ease;
|
|
}
|
|
|
|
.partner-item:hover img {
|
|
opacity: 1;
|
|
}
|
|
|
|
.partner-item a {
|
|
display: flex;
|
|
align-items: center;
|
|
} |