Comments (15)
@mhrabiee
How did you import postcss-rtl at nuxt.config.js?
Please share it.dadash kheili giram :))
npm i postcss-rtl --save-dev
nuxt.config.js
build: {
/*
** You can extend webpack config here
*/
postcss: {
plugins: {
'postcss-rtl': {}
}
}
}
from postcss-rtl.
@mhrabiee
How did you import postcss-rtl at nuxt.config.js?
Please share it.
dadash kheili giram :))
from postcss-rtl.
Probably is a Webpack issue in production mode. (When comments are striped).
Fixed via /* ! */
/*! rtl:begin:ignore */
@import '~leaflet/dist/leaflet.css';
/*! rtl:end:ignore */
Tested in Nuxt 2.12 & Laravel Mix 4
from postcss-rtl.
In new Quasar:
If you have been using quasar.conf.js > build > rtl in the form of an Object, then you must match these options now, since we've switched from the unmaintained postcss-rtl to postcss-rtlcss package.
from postcss-rtl.
Looking forward to it
from postcss-rtl.
+1
from postcss-rtl.
@peyman3d @FaridAghili @jd-0001
Is problem still actual?
I add test for it, and it passes
from postcss-rtl.
@vkalinichev
I've tested it right now.
app.scss
:
@import '~bootstrap/dist/css/bootstrap.css';
/*rtl:begin:ignore*/
@import '~owl.carousel/dist/assets/owl.carousel.css';
/*rtl:end:ignore*/
// more codes ...
It's expected that OwlCarousel be ignored here (Cause it supports RTL by default and doesn't need to be RTLed), but it's still processed and RTLed.
laravel-mix: 5.0.1
postcss-rtl: 1.7.0
from postcss-rtl.
Hmm... Can you provide your postcss config? Maybe another plugins strips out the ignore-directives or something like that?
from postcss-rtl.
I'm using laravel-mix in a Laravel project.
webpack.mix.js
file:
const mix = require('laravel-mix');
mix.sass('resources/sass/app.scss', 'public/css')
.options({
postCss: [
require('postcss-rtl')({
onlyDirection: 'rtl'
})
]
});
package.json
file:
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"bootstrap": "^4.4.1",
"cross-env": "^7.0",
"jquery": "^3.4.1",
"laravel-mix": "^5.0.1",
"owl.carousel": "^2.3.4",
"popper.js": "^1.16.1",
"postcss-rtl": "^1.7.0",
"resolve-url-loader": "^3.1.1",
"sass": "^1.25.0",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
}
}
from postcss-rtl.
Experiencing the same issue with Owl Carousel
/*rtl:begin:ignore*/ @import '~owl.carousel/dist/assets/owl.carousel.css'; /*rtl:end:ignore*/
from postcss-rtl.
the same issue I can't ignore CSS files
from postcss-rtl.
@mhrabiee does't work on quasar framework :(
from postcss-rtl.
@mhrabiee @miladmeidanshahi doesn't work on laravel-mix 5 neither.
also tried this with no success.
from postcss-rtl.
Any solution for this on Quasar? 😢
from postcss-rtl.
Related Issues (20)
- /* rtl:begin:ignore */ not working in build version of Vue App HOT 1
- Feature request: Ignore symmetric values
- doesn't work with tailwind HOT 1
- Support for 4 value css in a css variable HOT 1
- TypeError: Cannot set property 'parent' of undefined HOT 3
- TypeError: Cannot read property 'whitelist' of undefined HOT 1
- version ^1.6 fails on between.match HOT 1
- Add support for Dir-Less with html:not([dir='rtl']) HOT 2
- [bug] doesn't handle multiple animation correctly HOT 2
- Add blacklist for CSS files HOT 2
- Remove [dir] selectors HOT 30
- Directives in CSS Not Working HOT 4
- Feature request: block comments to define if the content is written RTL of LTR
- postcss-rtl does not support scss but rtlcss can handle. HOT 2
- postcss-rtl does not work with PostCSS v8+ HOT 2
- I think this repo is dead HOT 1
- when use with /deep/, some styles are missing HOT 1
- Cannot read property 'unprefixed' of undefined HOT 5
- Could it be possible to generate a RTL or a LTR version based on the html lang attribute? HOT 1
- problem with nested css
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from postcss-rtl.