Comments (5)
Hi there,
First thanks for your interest in gridle and thanks for your feedback.
I'm not aware of dart sass so I cannot tells you more on that for now. I have to make tests etc...
I can encourage you to use node-sass as a replacement cause It works very well and is very performant.
I will investigate on dart sass but I can't promise you that I will make big changes to gridle for that. Will see
from gridle.
Hi Olivier,
So far ruby sass has been working pretty well for me. Dart-sass was new to me as well, but appears to be the go-to direction. The sass site links to it as standalone installation, and npm and chocolatery installation methods also appear to be pulling from some dart image.
My issues above were specifically with the standalone installation for Windows, but it could be that these other installation methods have the same effect.
You can read about it on the sass blog: http://sass.logdown.com/posts/7081811
In the meantime I will see if I can get node-sass up and running (thanks for the suggestion :) ).
from gridle.
Since dart-sass is the new reference implementation, griddle should be made compatible with it, in my opinion. We use griddle in some of our projects, and we can't modernise our build tooling because of this problem.
Maybe you can add a warning in the readme about the dart-sass incompatibility for now?
from gridle.
The issue here is that Gridle make heavy use on silent classes that are scoped (initialized) inside a media query and dart sass seems to doesn't care about that and set these silent classes in the root scope. Then when I try to extend one of these silent classes from inside a media query, the error listed above pops up. As this is a core principle of Gridlev3, it will be difficult to rearrange the code to make it work with these sass implementations.
By the way, I will release Gridle v4 (in release candidate for now) soon. It will be a little bit different and a lot simpler so I hope this will be a kind of answer to your issues
from gridle.
Hello, just to add a bit more information and a little question : now in 2022, "node-sass" is explicitly marked as deprecated, so the compiler to use is de facto "sass" (means dart sass) who is the one following the standard (for ex math.div instead of "/" as described https://sass-lang.com/documentation/breaking-changes/slash-div). Many frameworks already changed and only work with "sass" and never with "node-sass". So this is not an option at all.
As a consequence, I understand that the only solution is to use Gridle 4 ? (which compiles ok with "sass" ?)
But what if we have production code with Gridle 3, and absolutely can't change all the architecture to use Gridle 4 and just updated npm/gulp stack and… all broken 'cause new versions can't compile Gridle 3 ? :(
I will try to downgrade all versions of the stack gulp etc, until all compile again…
from gridle.
Related Issues (20)
- Nested _gridle-flex.scss and broken import HOT 1
- Slight mistake in documentation HOT 2
- NPM install doesn't work for some reason... HOT 6
- Broken google links HOT 1
- Custom Class Generation exits with and error when running Webpack DEV Server HOT 2
- I don't understand how to import gridle into my project HOT 2
- g-classes – prints css to the body HOT 6
- Uncaught ReferenceError: exports is not defined at gridle.js:3 HOT 1
- Deprecation Warnings when compiling SCSS HOT 1
- in firefox all components become left to right align. 'div' positioning got reversed from left to right. HOT 2
- Can not import gridle-JS files HOT 1
- line-height problem on columns HOT 2
- Bug in install with NPM - TypeError: Cannot read property 'match' of undefined
- Please export the package HOT 1
- v4.x custom '@' state separator ('@' is incompatible with pug)
- Feature request: gr--align-* (center/spaced/justify)
- Flexbox grid broken on FF v68
- Col--height incorrect height
- Gridle States Not Rendering
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 gridle.