Download the PHP package swissup/module-rtl without Composer
On this page you can find all versions of the php package swissup/module-rtl. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package module-rtl
Magento RTL
Magento module that helps to add RTL support to your modules and themes.
Installation
Usage
CSS class
Module automatically adds rtl class name to the body element
when current language is detected as RTL. This allows you to write plain
RTL-specific styles in your css/less files:
While this approach is nice for the small files, it becomes a headache when dealing with large portion of css that should be adjusted. Additionally, this approach make your style files larger.
We recommend to use LESS mixins for the best experience.
LESS mixins
This approach allows to keep minimal size of generated CSS file:
Additionally, you can use @modrtl-dir variable in & when statements:
Mixins list
| Mixin | Example |
|---|---|
| Misc | |
| .modrtl(@property, @ltrValue, @rtlValue) | .modrtl(display, block, inline) |
| .direction() | .direction() // will output current direction |
| .direction(@value) | .direction(rtl) |
| .background-position(@ltrValue, @rtlValue) | .background-position(100% 50%, 0 50%) |
| .text-align(@direction) | .text-align(left) |
| Padding | |
| .padding(@value) | .padding(10px 25px 10px 5px) |
| .padding-left(@value) | .padding-left(5px) |
| .padding-right(@value) | .padding-right(25px) |
| Margin | |
| .margin(@value) | .margin(10px 25px 10px 5px) |
| .margin-left(@value) | .margin-left(5px) |
| .margin-right(@value) | .margin-right(25px) |
| Positioning | |
| .float(@direction) | .float(left) |
| .clear(@direction) | .clear(left) |
| .left(@distance) | .left(20px) |
| .right(@distance) | .right(20px) |
| Border | |
| .border-radius(@value) | .border-radius(5px 0 0 5px) |
| .border-[top|right|bottom|left]-radius(@radius) | .border-top-radius(5px) |
| .border-[top|bottom]-[left|right]-radius(@radius) | .border-top-left-radius(5px) |
| .border-left(@border-style) | .border-left(1px solid #f4f4f4); |
| .border-right(@border-style) | .border-right(1px solid #f4f4f4); |
| .border-color(@value) | .border-color(#f4f4f4 transparent #eee #f4f4f4) |
| .border-left-color(@color) | .border-left-color(#f4f4f4) |
| .border-right-color(@color) | .border-right-color(transparent) |
| .border-style(@value) | .border-style(dotted dashed none solid) |
| .border-left-style(@style) | .border-left-style(solid) |
| .border-right-style(@style) | .border-right-style(none) |
| .border-width(@value) | .border-width(1px 0 1px 2px) |
| .border-left-width(@width) | .border-left-width(0) |
| .border-right-width(@width) | .border-right-width(2px) |
PHP helper
License
Distributed under the MIT license
Credits
Mixins are taken from anasnakawa/bi-app-sass. Thanks!
