LESS: fix control positioning on RTL pages

Currently the next and previous controls will overlap when embedded on an RTL page. This commit makes the controls usable but doesn’t start the larger project of flipping the various left/right classes applied to .nav-next / .nav-previous elements or updating the JavaScript to use “left” or “right” based on whether the timeline is embedded in a dir=rtl or dir=ltr element.

source/less/Core/Typography.less

@@ -188,8 +188,12 @@
 /* Right to Left
  * ---------------------------------------------------------------------------------------- */
 .vco-storyjs.vco-right-to-left {
-	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, 
+	[dir=rtl] &, &[dir=rtl] {
+		direction: ltr;
+	}
+
+	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong,
 	sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td,   {
-		direction:rtl;
+		direction: rtl;
 	}
 }