[Vuejs]-Vue Accordion: Override SCSS value

0👍

I just simplyfied your selector and this worked for me. Also on JSFiddle.

<button
        class="vsa-item__trigger"
        type="button"
        aria-expanded="true"
        aria-controls="vsa-panel-{item_id}"
        {data_attrs}
      >
        <span
          class="vsa-item__trigger__content"
          {data_attrs}
        >
          This is the heading
        </span>
        <span
          class="vsa-item__trigger__icon vsa-item__trigger__icon--is-active"
          {data_attrs}
        >
        </span>
      </button>
button.vsa-item__trigger {
  border: none !important;
}

Leave a comment