metafizzy / flickity

:leaves: Touch, responsive, flickable carousels
https://flickity.metafizzy.co
7.53k stars 603 forks source link

Wrong css class for styling page dots in docs #1224

Open bnomei opened 2 years ago

bnomei commented 2 years ago

flickity v2.2

.dot is stated in docs but code uses .flickity-page-dot.

https://flickity.metafizzy.co/style.html#page-dots

/* position dots in carousel */
.flickity-page-dots {
  bottom: 0px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid white;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: white;
}
hadl commented 2 years ago

.flickity-page-dot is for V3

See https://github.com/metafizzy/flickity/issues/1210