Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

This rtlcss package how to use in Laravel vite.config.js #326

Open
ravajihadiya opened this issue Jun 8, 2023 · 2 comments
Open

This rtlcss package how to use in Laravel vite.config.js #326

ravajihadiya opened this issue Jun 8, 2023 · 2 comments

Comments

@ravajihadiya
Copy link

This rtlcss package how to use in Laravel vite.config.js, have you any suggestion ?? or demo code for that

@nawafinity
Copy link

nawafinity commented Jun 15, 2023

Hello @ravajihadiya

Accroding to this: #301 (comment)

You can configure postcss plugins inside postcss.config.js, to do that please follow the following steps:

  1. Create postcss.config.js file in the root directory.
  2. Install postcss-rtl using npm install -D postcss-rtlcss
  3. Add the folowing lines inside postcss.config.js
import postcssRTLCSS from 'postcss-rtlcss';

export default {
    plugins: [
        postcssRTLCSS()
    ]
}

@Ahmed-Elrayes
Copy link

Ahmed-Elrayes commented Feb 11, 2024

Well @ravajihadiya did great explaining, but a bit of editing
do the same steps as he wrote

Hello @ravajihadiya

Accroding to this: #301 (comment)

You can configure postcss plugins inside postcss.config.js, to do that please follow the following steps:

  1. Create postcss.config.js file in the root directory.
  2. Install postcss-rtl using npm install -D postcss-rtlcss
  3. Add the folowing lines inside postcss.config.js

Then put it like that in postcss.config.js:

export default {
    plugins: {
        autoprefixer: {},
        'postcss-nested': {},
        'postcss-rtlcss': {}. // --> Add this here and it will work
    },
};

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants