带有自定义css的每个轮播单元格的{Flickity滑块

Question

我想将自定义高度（以及可能的其他东西）设置为flickity＆＃39; carousel-cells＆＃39;个别。我可以看到它是用flickity package本身的javascript以某种方式计算的。

我怎么能覆盖这个，创建这样的东西（使用较小的非活动幻灯片）？

。

我试图给旋转木马 - 细胞高度为300px，活跃的旋转木马（有一个is-selected级）高度为500px。那没用。

.carousel-cell {
  width: 70%;
  height: 300px;
  background: #8C8;
}

.is-selected{
  height: 500px !important;
}

A simple codepen to get you started if you like.

Answer 1

您需要处理c示例，直到您进入CodePen

之类的视图