RTL support

right-to-left (RTL) version is generated using css-flip tool.

Usage

To enable right-to-left direction:

  1. Add dir="rtl" attribute to the html element
  2. Add .rtl suffix to all included PixelAdmin stylesheets

Exampe:


<!DOCTYPE html>

<html dir="rtl">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>...</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,800,300&subset=latin" rel="stylesheet" type="text/css">

  <!-- Light version -->
  <link href="path/to/dist/css/bootstrap.rtl.css" rel="stylesheet" type="text/css">
  <link href="path/to/dist/css/pixeladmin.rtl.css" rel="stylesheet" type="text/css">
  <!-- / -->

  <!-- Dark version -->
  <link href="path/to/dist/css/bootstrap-dark.rtl.css" rel="stylesheet" type="text/css">
  <link href="path/to/dist/css/pixeladmin-dark.rtl.css" rel="stylesheet" type="text/css">
  <!-- / -->

  <!-- Theme -->
  <link href="path/to/dist/css/themes/default.rtl.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  ...
</body>
</html>