penobit/css-flip

Flips css codes from ltr to rtl (or rtl to ltr)

Maintainers

Details

github.com/penobit/css-flip

Homepage

Source

Issues

Installs: 20

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 0

Open Issues: 0

pkg:composer/penobit/css-flip

v1.1 2021-07-12 17:19 UTC

Requires

  • php: >=7.2.0

MIT 90542ea117747700176aa3e11434d14213a9d4ff

  • Penobit <info.woop@penobit.com>

cssflippenobitchange directionchange css directioncss flipflip css

This package is auto-updated.

Last update: 2025-10-13 03:11:43 UTC

README

Build Status Latest Stable Version Total Downloads Downloads Month Petreon donation PayPal donation

Flip css/scss direction from ltr to rtl or rtl to ltr with single line php code!

Installation

Install this package via Composer.

composer require penobit/css-flip

You can also download latest release from Github and include src/CSSFlip.php manually but i recommend using composer to stay up to date and easier install and usage

Usage

Create CSSFlip object

use Penobit\CSSFlip\CSSFlip;

$cssFlip = new CSSFlip();
$cssCode = <<<CSS
body{
  direction: ltr;
}
div{
  text-align:left;
  margin-left: 20px;
  margin-right: 2rem;
}
span{
  padding: 10px 15px 20px 25px;
}
CSS;

$flippedCssCode = $cssFlip->transform($cssCode);

/* 
# Output of above code will be
body{
  direction: rtl;
}
div{
  text-align:right;
  margin-right: 20px;
  margin-left: 2rem;
}
span{
  padding: 10px 15px 20px 25px;
  padding: 10px 25px 20px 15px;
}
*/