Как переопределить стили vue-owl-carousel2?

Question

[Никита Ронзин]

Пытаюсь переопределить стили, для карусельки,

<style scoped lang="sass">
.owl-theme .owl-dots .owl-dot span
  width: 33px !important
  margin: 5px !important

.post-detail
  &-carousel
    & .owl-dots .owl-dot span
      width: 33px !important
      margin: 5px !important

В итоге ничего не меняется стили даже не регистрируются, будто нет совпадений селекторов. Кто встречался с таким ? Использую webPack 3, vue2, owl2

Answer 1

[Олег Колтунов]

Попробуйте добавить стили глобально, а не в компоненте.

Comments

[Никита Ронзин]

да, помогло. Спасибо.