استفاده از متغیر های bootstrap rtl در فایل sass

@error.404
@salar.mohammad2013
@Raymond
@saghari
@Dr.Parsa

🥺

سلام
من الان سیستم پیشم نیست
ولی فکر میکنم باید با این کار درست بشه
بعد از ایمپورت کردن bootstrap.rtl.min.css
میتونی این فایل رو که شامل متغیرای بوت‌استرپه رو ایمپورت کنی

bootstrap/scss/variables.scss
که میشه همون فایل
_variables.scss

این متغیر ها قبل از پردازش sass باید تغییر کنند.
مثلا رنگ primary بوت استرپ رو میشه تغییر داد.
اما bootstrap.rtl.min.css یک فایل پردازش شده است.

روش درست رو توضیح میدم اگر کسی مشکلی داشت در این زمینه کمکش کنه

ابتدا این مقدار را در فایل .env خود داشته باشید.

APP_DIRACTION=rtl

نیازمندی ها را نصب کنید

npm i -D dotenv 
npm i -D postcss postcss-rtlcss 

از تنظیمات زیر در vite.config.js استفاده کنید

import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import postcssRTLCSS from "postcss-rtlcss";
import dotenv from 'dotenv';

const direction = dotenv.config().parsed.APP_DIRACTION;

const config = {
    plugins: [
        laravel({
            input: [
                'resources/js/script.js',
            ],
            refresh: true,
        }),
    ],
    css: {
        ...(direction === 'rtl' && {
            postcss: {
                plugins: [postcssRTLCSS],
            },
        }),
    },
};

export default defineConfig(config);