fixed syntax related to [dir="rtl"]

[LordPachelbel]

Attribute selector syntax was incorrect in this file. For example,

.slick-next {
  &:before {
    &[dir="rtl"] {
      // stuff
    }
  }
}

would compile to .slick-next:before[dir="rtl"], when what was intended was [dir="rtl"] .slick-next:before, and this would cause browsers to ignore that rule.

I discovered this problem when I minified my compiled stylesheet with clean-css and the Next arrow disappeared: the <button> was still there but it had no ::before pseudo element which is where the arrow exists. clean-css grouped the .slick-next:before rule that defined the arrow with .slick-prev's broken :before[dir="rtl"] rule, causing both rules to be ignored:

.slick-next:before,.slick-prev:before[dir=rtl]{content:"→"}

The syntax is correct in slick-theme.scss.

[leggomuhgreggo]

Excellent. Thanks!