-
Notifications
You must be signed in to change notification settings - Fork 0
internationalization
In general, HTML5 Boilerplate is pretty agnostic when it comes to LTR and RTL but there are three places you want to consider
-
ul, ol { margin-left: 1.8em; }this is the only case that is problematic, should either have a commented line below noting that for right-to-left designs this should be margin-right. or, make ol,ul a special case and not reset their margin. -
pre { padding: 15px; ... }should also havedirection:ltr. Code is 99.9% of the time LTR, no reason to make this a special RTL css line. -
.ie6 legend, .ie7 legend { margin-left: -7px; }, again, margin-right is needed for RTL pages. Can we just add margin-right:-7px? will it break anything if both margins where negative for the general case? legend is an un-stylable tag anyway. -
Use
-webkit-margin-start,-moz-margin-start. It won't solve the problem in every browser, but it's the right solution going forward.
More reading: