Let's Talk About RTL

This will affect the document rendering in many ways:

  • Text will naturally be aligned to the right.
  • Margin and padding of some elements will be calculated differently.
  • Table directionality.
2 Likes

Aparent asta e una din situatiile alea cand citesti titlul si iti spui “Hai ma, cat de complicat poate fi?”, iar apoi te apuci sa citesti articolul si iti dai seama ca e mult mai complexa treaba decat ti-ai imaginat. Foarte interesant.

1 Like

Margin and padding. Values should change from clockwise to counter-clockwise. Individual horizontal properties should be resetted and the counter property should be set.

.selector-1 {
  margin: 5px 10px 0 15px
}
/* RTL override */
.selector-1 {
  margin: 5px 15px 0 10px
}

'de capul meu. Imi imaginez cum uiti de asta, dai refresh intr-una, si te uiti ca vitelul nu merge :smiley:

Chiar pare complicat. Mi-am aruncat si eu ochii mai demult: http://www.matanich.com/2013/09/06/rtl-css-with-sass/

1 Like