RTL version of materializecss framework v1.0.0

  • By Mahdi Majidzadeh
  • Last update: Dec 8, 2022
  • Comments: 10

MaterializeCSS RTL

Materialize, a CSS Framework based on material design.
Base on version 1.0.0 alpha

Quickstart:

Just include materialize-rtl.min in your page and add .rtl class to any element you want to its children turn to rtl like <body>.

Documentation

The documentation can be found at http://materializecss.com or you can see demo at http://mahdimajidzadeh.github.io/materialize-rtl/

Supported Browsers:

Materialize is compatible with:

  • Chrome 35+
  • Firefox 31+
  • Safari 9+
  • Opera
  • Edge
  • IE 11+

Github

https://github.com/MahdiMajidzadeh/materialize-rtl

Comments(10)

  • 1

    Scrollspy

    Scrollspy (Navbar Fixed Top Shode & Sidenav Ro) Dochare Moshkel Mikone. Hatman Az Firefox Estefade Konid, Inspect Element Chrome In Bug Ro Neshoon Nemide.

    1-History Firefox Ro Clear Konid. 2-Ye Navbar Besazid Va Navbar-Fixed Konid. 3-Hala Scrollspy Ro Add Konid. 4-Az Mozila (Inspect > Resonsive Design) Chandin Device Ro Test Konid. 5-Ro Link haye Navbar / Sidenav Click Konid. A : Kole Navbar / Sidenav Be Samte Bala Taghire Position Mide. B : Navbar / Sidenav Baraye Chand Sec Invisible Va Dobare Visible Mishe.

    Ye Moshkele Dige Ham Inke Vaghti Az Scrollspy Estefade Mikonim Age Too Navbar / Sidenav Az Material Icons Ya Font Awsome Estefade Konim Dar Soorati Ke Roo Icon Ha Click Konim Smooth Scroll Kar Nemikone Vali Ba Click Kardan Roo Matne Link Smooth Scroll Kar Mikone. Tashakor Babate Zahamaatetoon.

  • 2

    Bump stringstream from 0.0.5 to 0.0.6

    Bumps stringstream from 0.0.5 to 0.0.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
  • 3

    Bump underscore.string from 3.2.3 to 3.3.5

    Bumps underscore.string from 3.2.3 to 3.3.5.

    Changelog

    Sourced from underscore.string's changelog.

    3.3.5

    3.3.4

    • set standalone in browserify s

    3.3.1 / 3.3.2 / 3.3.3

    • fix release script

    3.3.0

    • sprintf and vsprintf is now marked as deprecated #479
    • wrap is added to exports #489
    • new build chain without gulp
    • Full changelog
    Commits
    Maintainer changes

    This version was pushed to npm by esamatti, a new releaser for underscore.string since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
  • 4

    Bump is-my-json-valid from 2.16.0 to 2.20.0

    Bumps is-my-json-valid from 2.16.0 to 2.20.0.

    Commits
    Maintainer changes

    This version was pushed to npm by linusu, a new releaser for is-my-json-valid since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
  • 5

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 6% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /images/donate.png | 2.32kb | 0.85kb | 63.48% | | /images/m-logo-salmon.png | 1.74kb | 1.16kb | 33.20% | | /images/favicon/favicon-32x32.png | 2.01kb | 1.43kb | 28.53% | | /images/showcase/closeheat.png | 908.78kb | 771.56kb | 15.10% | | /images/showcase/stephaniejagiello.png | 497.14kb | 428.91kb | 13.72% | | /images/materialize.png | 17.46kb | 15.09kb | 13.57% | | /images/showcase/stamplay.png | 106.73kb | 93.78kb | 12.13% | | /images/sample-1.jpg | 175.29kb | 166.56kb | 4.98% | | /images/macbook-left.png | 14.83kb | 14.17kb | 4.44% | | /images/kmaterialize.jpg | 44.28kb | 42.41kb | 4.22% | | /templates/parallax-template/background3.jpg | 171.88kb | 165.28kb | 3.84% | | /templates/masonry-template/background2.jpg | 171.88kb | 165.28kb | 3.84% | | /images/showcase/eadbox.jpg | 178.69kb | 172.13kb | 3.67% | | /images/parallax-template.jpg | 84.54kb | 81.48kb | 3.62% | | /images/starter-template.gif | 30.90kb | 29.83kb | 3.44% | | /images/alvin.png | 66.04kb | 63.78kb | 3.42% | | /images/showcase/visitsarasota.jpg | 235.28kb | 227.91kb | 3.13% | | /images/showcase/varun_malhotra.jpg | 286.81kb | 277.91kb | 3.10% | | /templates/parallax-template/background2.jpg | 182.82kb | 177.26kb | 3.04% | | /templates/masonry-template/background3.jpg | 182.82kb | 177.26kb | 3.04% | | /images/yuna.jpg | 37.83kb | 36.70kb | 2.99% | | /images/alex.png | 204.01kb | 201.64kb | 1.16% | | /images/parallax1.jpg | 199.84kb | 198.00kb | 0.92% | | /images/parallax2.jpg | 149.12kb | 147.78kb | 0.90% | | /images/Alan.png | 271.30kb | 268.98kb | 0.86% | | /images/materialize_team.jpeg | 101.50kb | 100.66kb | 0.83% | | /images/office.jpg | 155.33kb | 154.75kb | 0.37% | | /images/kevin.png | 163.61kb | 163.50kb | 0.07% | | | | | | | Total : | 4,644.77kb | 4,346.05kb | 6.43% |


    📝docs | :octocat: repo | 🙋issues | 🏅swag | 🏪marketplace

  • 6

    Any plan to merge this with the Materialize repo?

    Hi

    I think it is better to merge this with the upstream project (materialize) to keep things all in one place. Has been there any consideration for not doing so till now?

  • 7

    Waves

    Dar Soorate Estefade Az Waves-Effect Ba Click Kardan Rooye Button. Text Ya Icone Daroone Button Taghire Position Mide Va Dobare Bar Migarde Be Position Avalesh.

  • 8

    is not fully right to left, i have fixed it

    in line 2658 replace blockquote { margin: 20px 0; padding-right: 1.5rem !important; border-right: 5px solid #ee6e73 ; }

    with blockquote { padding-right: 1.5rem; border-right: 5px solid #ee6e73; padding-left: 0; border-left: none; }

  • 9

    Check boxes and radio buttons do not work in materialize-rtl

    As soon as I use materialize-rtl.css checkboxes and radio buttons either seize to display or do not respond to clicks. Once I link to the non-RTL version everything works perfectly. There seemed to be a bug that might have been fixed in the standard materialize CSS.

  • 10

    where is the materialize-rtl.min file ??

    Thank you for the great job. I would like to as you where is the materialize-rtl.min file as you mentioned "Just include materialize-rtl.min" ?

    thanks in advance!