Giter Club home page Giter Club logo

materialize-rtl's Introduction

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+

materialize-rtl's People

Contributors

dependabot[bot] avatar fpichlou avatar imgbotapp avatar mahdimajidzadeh avatar shayanpasokhi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

materialize-rtl's Issues

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!

<blockquote> 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; }

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.

tabs problem

What about the tabs? I click on one tab it is selected, but the other is highlighted. Thank!

Mobile Collapse Button problem

Hello dear
In the rtl version and in Mobile Collapse Button when in the responsive page and click to the button for open the mobile collapse , i cant see any thing .

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.

checkboxes labels

The problem is that the lables of checkboxes align in right of their checkboxes which in rtl we needs reverse of that

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.