acid-unit/theme-frontend-blank-rtl

Magento 2 Blank theme RTL

Maintainers

Details

github.com/acid-unit/theme-blank-rtl

Source

Issues

Installs: 1

Dependents: 1

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 0

Open Issues: 0

Language:Less

Type:magento2-theme

100.4.7-p1-0 2025-01-17 17:51 UTC

Requires

  • php: ~8.1.0||~8.2.0||~8.3.0
  • magento/framework: 103.0.*
  • magento/theme-frontend-blank: 100.4.*

OSL-3.0 a90a70a71d78c27c04ac4d9fa5bac24be2ab4d1d

This package is auto-updated.

Last update: 2025-06-17 18:41:53 UTC

README

Magento 2 Blank theme RTL.

Can be used as a parent for themes that use Hebrew, Arabic, and other RTL script languages.

Based on Blank theme v100.4.7-p1, which is built-in to Magento v2.4.7-p1

It was not tested on the previous Magento versions, but as long as it is Magento 2.4.X, the theme should work perfectly fine (though there is a chance some styles will be off)

In general, that is an exact copy of Blank theme, but with added direction: rtl; rule for <body> tag, dir="rtl" attribute for <html> tag, and left/right styles swapped.

Preview

Theme Preview

Examples of CSS updates:

Original Blank Blank RTL
right: 0; left: 0;
margin-right: -155px; margin-left: -155px;
float: left; float: right;
text-align: left; text-align: right;
margin: 0 0 0 85px; margin: 0 85px 0 0;
box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, .3); box-shadow: -3px 6px 4px 0 rgba(0, 0, 0, .3);
border-right: 1px solid #000; border-left: 1px solid #000;
border-bottom-left-radius: 0; border-bottom-right-radius: 0;
border-radius: 2px 0 0 2px; border-radius: 0 2px 2px 0;
transition: right 1s; transition: left 1s;
background: #fff url('../images/select-bg.svg') no-repeat 100% 45%; background: #fff url('../images/select-bg.svg') no-repeat 0% 45%;

Installation

composer require acid-unit/theme-frontend-blank-rtl

Usage

To preview the theme, use Magento Blank RTL (Acid Unit) theme for Store View under Content > Design > Configuration > Applied Theme admin section.

To use theme as a parent, use <parent>AcidUnit/blank-rtl</parent> in your theme.xml file.

Additional

  • @icon-prev and @icon-next icon variables values are swapped too
  • All modified CSS rules are marked with the // @rtl comment
  • // @lib-bug comments mark original Blank theme-related bugs
  • // @new comments mark CSS rules that are not presented in Blank theme and were added for a correct display of RTL styles
  • // @keep-old comments mark CSS rules, values of which were not changed, though they fall under the general update rule