/*
  THE IMPORTANT STUFF IS BELOW
*/
* > .direction-ltr,
[dir="rtl"] .direction-ltr {
  direction: ltr;
  text-align: left;
}
* > .direction-ltr[class*="col-"],
[dir="rtl"] .direction-ltr[class*="col-"] {
  float: left !important;
}
* > .direction-ltr code,
[dir="rtl"] .direction-ltr code {
  opacity: 1;
}

/* -----------------------------------
  BASE STYLING FOR DEMO
*/

[dir="rtl"] {
  direction: rtl;
}
[dir="rtl"] .row [class*="col-"] {
  float: right;
}

* {
  direction: rtl;
}