configs/home/.zsh/themes/spaceship-prompt/docs/assets/styles/companies.css

49 lines
789 B
CSS

@keyframes slider {
0% {
transform: translateX(calc(100% - 100vw));
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(calc(100% - 100vw));
}
}
.companies {
display: flex;
flex-direction: row-reverse;
white-space: nowrap;
overflow: hidden;
margin: 2rem auto;
}
.companies-title {
text-transform: uppercase;
}
.companies-slider {
white-space: nowrap;
animation: 150s linear infinite slider;
}
.companies .company {
height: 3rem;
opacity: 0.6;
margin: 0 1rem;
filter: grayscale() brightness(25%) invert(0);
}
.companies .company:hover {
opacity: 1;
}
[data-md-color-scheme="slate"] .companies .company {
filter: grayscale() brightness(25%) invert(1);
}
.companies .company img {
height: 100%;
max-height: 2.5em;
}