Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Dec 01 06:10
    mmasomi73 opened #3318
  • Nov 30 21:51
    ori-wagmi closed #3317
  • Nov 30 21:51
    ori-wagmi commented #3317
  • Nov 30 21:14
    ori-wagmi opened #3317
  • Nov 24 17:19
    jimmywarting commented #3235
  • Nov 17 01:30
    zyj429030759 commented #3260
  • Nov 17 01:29
    zyj429030759 commented #3260
  • Nov 17 01:26
    zyj429030759 commented #3260
  • Nov 16 15:00
    nschonni unpinned #3251
  • Nov 16 15:00
    nschonni closed #3316
  • Nov 16 15:00
    nschonni commented #3316
  • Nov 16 09:21
    zyj429030759 opened #3316
  • Nov 15 15:09
    martirook commented #2931
  • Nov 14 05:01

    dependabot[bot] on npm_and_yarn

    build(deps): bump node-gyp from… (compare)

  • Nov 14 05:01
    dependabot[bot] labeled #3315
  • Nov 14 05:01
    dependabot[bot] labeled #3315
  • Nov 14 05:01
    dependabot[bot] opened #3315
  • Nov 09 10:38
    xzyfer commented #3257
  • Nov 09 10:21
    xzyfer closed #3279
  • Nov 09 10:20
    xzyfer commented #3251
iniatse
@iniatse
@TheJaredWilcurt I think I will use postcss and the plugin postcss-discard-duplicates. Switching to the sass instead of node-sass is no option simply because it is damn slow
So I create a css file and then input that into postcss with that plugin active
Hopefully that works
The hello world of that works. I have to try more complicated scenarios
The Jared Wilcurt
@TheJaredWilcurt
you may just want to evaluate how your project is set up if you are having this issue also. It may be better to simplify the project so that you have a single file that imports the rest of the files in the proper order. Ultimately the files will all be concatenated into one anyway, and the order of code in CSS matters a great deal. So organizaing your project this way can really simplify things. I personally am a big fan of the ITCSS approach for organizing. You can see an example at the bottom of this page: https://GraphMyCSS.com
iniatse
@iniatse
Yes but you want to work in an understandable manner and just plugging things together isn't sustainable in a big application
Lets say you have 2 dozens of dependencies and they have dependencies which require some scss. You just plug the scss together in you main file? Where do you doc all that stuff? There is no consensus at all on how do do that. Modularity clearly solves that, because a component only depends on itself an not on something to add to the main scss file. Everybody can comprehend that _FooSlider.js just depends on _FooSlider.scss.
Simplicity is key
Plugging everything together in a main.scss file works, but it is an horrible approach IMO. In teams it's is important that you have a clear path and everybody knows how it works.
Modularity and self encapsulation is proven to work
iniatse
@iniatse
These are basically the two approaches that you can take. Put _Slider.scss in you main file and make _FooSlider.scss and _BarSlider.scss etc all work and to that for all kinds of dependencies. Or include _FooSlider.scss and _BarSlider.scss into you main scss file, but then you need to remove duplicates
It dosen't matter how you organize and name your whole scss, these are the two approches.
I mean yes you can also use inheritance from scss I don't like that at all especially how it works in sass/scss
iniatse
@iniatse
Do you think node-sass will ad @use anytime soon?
iniatse
@iniatse
I mean @use simply works. So sass is essentially a superset of node-sass atm or is there anything in node-sass which is not in sass?
The Jared Wilcurt
@TheJaredWilcurt
Node-Sass is being deprecated. It takes a lot of work to port the Dart Code to C and do all of the hundreds of LibSass Node Bindings based on it. But mainly it's just a lot of effort to port to C. Theoretically it was so that ANY programming language could have fast bindings. And there were Java, Ruby, .NET, etc. ones made........ buuuuuuut nobody used them. Literally only the Node-Sass binding was used by anyone. So it was a massive amount of work just to get Sass to run with Node. and since Dart-Sass can just auto-output a native JS file now that is completely up-to-date with the latest Dart code, it just doesn't make sense to keep maintaining the old pipeline.
So I would be VERY surprised if Node-Sass ever gets another update
Personally, I would be all for a crowd funding campaign to at least get a SassC > LibSass > Node-Sass release with @use. But I think people like use (that notice the Sass.js slowness) are a minority
The Jared Wilcurt
@TheJaredWilcurt
However if you can reproduce specific things that are causing sass to be slow, they are very eager to fix performance issues in it, as that is really the only complaint anyone has about it
iniatse
@iniatse
ok, thank for the information, that was pretty insightful
is there something like node-sass-tilde-importer for sass?
I really liked that one and I'd miss it if I switch to sass instead of node-sass
The Jared Wilcurt
@TheJaredWilcurt
no idea what that is, but the API's are the same, so it may just work
iniatse
@iniatse
you can reference the node_modules folder via ~ from anywhere with it
In less for example it is also possible to use ~ to reference the node_modules folder from anywhere
Instead of ../../../../../node_modules
The Jared Wilcurt
@TheJaredWilcurt
I'm not sure, there are no issues on its repo related to it, and it hasn't been updated in a few years. So either it works fine so no need to make an issue, or people that use it haven't switched from node-sass to sass yet to run into the issue and report it, or they have but rather than report it they switched to a similar library that is already compatible
iniatse
@iniatse
Maybe I can use the includePaths options
iniatse
@iniatse
Is there any community for sass like this one here? fitter or irc or?
The Jared Wilcurt
@TheJaredWilcurt
iniatse
@iniatse
thank you
Henri Toivar
@henritoivar
Hi Guys,
I wanted to share something me and my buddies created using sass and node-sass. It's an open-source, serverless, free, no-signup invoice management solution.
You can check it on ProductHunt: https://www.producthunt.com/posts/serverless-invoices and Github: https://github.com/mokuappio/serverless-invoices
Hopefully some of you can use it as a starter kit.
I would love to hear your feedback!
Thanks
Henri Toivar
@henritoivar
Thanks to everyone who checked it out! Serverless Invoices got #3 Product Of the Day :)
Jin Su Park
@jinsupark
Hi All!
Kyrylo. K
@Kyrylo-K
Hi, everybody
How are you?
Who is from Ukraine?
The Jared Wilcurt
@TheJaredWilcurt
?
Arslan Ali
@arslanalidev
Hey Guys,
anyone is here?
The Jared Wilcurt
@TheJaredWilcurt
?
Arslan Ali
@arslanalidev

Failed to compile.

./src/components/ForgotPassword/ForgotPassword.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/ForgotPassword/ForgotPassword.scss)
Error: Can't resolve '../../images/purelyrx-brick-img.jpeg' in 'C:\Users\arsla\Documents\iTitans\Projects\RXdeliveryWeb\src\components\ForgotPassword'

I had updated my react-scripts to craco
now I am facing the issue of getting the assets in scss files
Do you know how can it will be solved?
Mayank Aggarwal
@Mayank0255_twitter
https://twitter.com/Mayank0255
Soon will start sharing some dev related stuff🎉
Mayank Aggarwal
@Mayank0255_twitter
The Jared Wilcurt
@TheJaredWilcurt
None of this is related to Sass. @Mayank0255_twitter do not spam/self-promote
Aleksey
@Poleshchuk_gitlab
Hi guys. Has anyone encountered the problem of compiling negative values? I use foundationation-sites and after compilation my negative margins looks like margin-right:-(space).75rem. Between minus and number space. Browser cant read properties. I cannot solve it by changing mixin, need to solve compilation. Can you help?
The Jared Wilcurt
@TheJaredWilcurt
@Poleshchuk_gitlab nope. post code