opentofu.org/src/components/Carousel/carousel.css
James Humphries a163d3d043
Redesign landing page to focus on OpenTofu's future (#365)
* feat: Redesign landing page to focus on OpenTofu's future

This commit introduces a new landing page that shifts focus to OpenTofu's
forward momentum and unique capabilities. The redesign:

- Highlights OpenTofu's powerful features like state encryption at rest,
  provider iteration, and early variable evaluation
- Simplifies the supporters list to improve readability
- Removes the manifesto to streamline the user experience
- Provides clearer, more concise examples of OpenTofu's capabilities
- Makes it easier for new users to understand OpenTofu's value proposition

The new design emphasizes OpenTofu's technical strengths while maintaining
a clean, professional appearance that aligns with the project's maturity.

Signed-off-by: James Humphries <james@james-humphries.co.uk>

* Various fixes and improvements

Signed-off-by: James Humphries <james@james-humphries.co.uk>
2025-05-01 10:47:56 +01:00

34 lines
765 B
CSS

/* Swiper core styles with !important to override Swiper's defaults */
.carousel-container .swiper {
width: 100% !important;
height: calc(100% - 60px) !important;
}
.carousel-container .swiper-wrapper {
height: 100% !important;
display: flex !important;
align-items: center !important;
}
.carousel-container .swiper-slide {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
}
/* Mobile-specific styles */
@media (max-width: 640px) {
.carousel-container .swiper {
width: 100% !important;
max-width: 100% !important;
}
.carousel-container .swiper-wrapper {
width: 100% !important;
}
.carousel-container .swiper-slide {
width: 100% !important;
}
}