by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Aug 08 19:34
    ai commented #1375
  • Aug 08 11:51
    cotwitch commented #1375
  • Aug 07 20:26

    ai on ose

    Fix postcss.Classes type (compare)

  • Aug 07 19:05

    ai on ose

    Use class names in visitor hooks (compare)

  • Aug 07 18:48
    ai closed #1343
  • Aug 07 18:48
    ai commented #1343
  • Aug 07 18:47

    ai on ose

    Pass postcss & Result to second… (compare)

  • Aug 07 18:46
    ai labeled #1377
  • Aug 07 18:46
    ai unlabeled #1377
  • Aug 07 18:46
    ai labeled #1387
  • Aug 07 18:46
    ai labeled #1386
  • Aug 07 18:46
    ai labeled #1385
  • Aug 07 18:46
    ai labeled #1384
  • Aug 07 18:46
    ai labeled #1383
  • Aug 07 18:11

    ai on ose

    Update dependencies (compare)

  • Aug 06 23:00

    ai on ose

    Change plugin API (compare)

  • Aug 06 18:01
    mrakcw commented on abfaa71
  • Aug 05 23:27

    ai on ose

    Clean up config Export TransformCallback (compare)

  • Aug 05 23:08
    ai opened #1387
  • Aug 05 23:08
    ai milestoned #1387
Jonathan Neal
@jonathantneal
@dennis-eichardt-spring, I would probably need to know more about your setup. Thanks to you sharing the error message, I can tell you that the throw came from the part where PostCSS Preset Env writes to exports. If you are doing any custom exports — areas you might be using exportTo — then I woud investigate there further. If you get more information and find yourself stuck, please feel free to post a follow up, and I’ll see how I can help.
Jonathan Neal
@jonathantneal
@RyanZim, when I read the blame log, it looks like PostCSS’s .map has been a SourceMapGenerator for about 4 years; since before PostCSS 7x. However, I suspect the issue came from the source-map project. It is still in v0 and they introduce breaking changes to MINOR releases.
Ryan Zimmerman
@RyanZim
Hmm, postcss depends on source-map with a ^ range, which will not update minor releases for v0
Could also be a change with Node, maybe they used to cast parameters to Strings, and no longer do.
Anyhow, don't really care; just wanted to make sure postcss itself hadn't explicitly broken semver
Andrey Sitnik
@ai

@RyanZim

Hmm, postcss depends on source-map with a ^ range, which will not update minor releases for v0

We can’t update source-map. Mozilla moved to async API, which is not compatible with current PostCSS API. I even didn’t found a way to update API in PostCSS 8.

Babel has the same problem and keep old version.

Anyhow, don't really care; just wanted to make sure postcss itself hadn't explicitly broken semver

Yeap, this issue is really strange. You are right about reporting it.

But I have no idea how it happend.

Evilebot Tnawi
@evilebottnawi
webpack and many other tools have the same problem too, no good response from source-map developers
Jonathan Neal
@jonathantneal
Is there an alternative tool?
CC-4477
@CC-4477
hello everyone, I'm trying to set up PostCSS with my Github Pages site. is there a guide on how to do this? I can only find things concerning Sass
Andrey Sitnik
@ai
@CC-4477 the easiest way is to add Parcel build tool (it already have good PostCSS support), create a postcss.config.js config with the list of th plugins and deploy Parcel dist/ folder to GitHub Pages
here is an example guide of Parcel + GitHub Pages https://www.sitepoint.com/parcel-hyperapp-github-pages/
guide of adding PostCSS to Parcel https://parceljs.org/css.html#postcss
And I recommend to add Stylelint (PosTCSS-based tool to find mistakes in your CSS) to your text editor according to this guide https://hackernoon.com/setting-up-css-stylelint-on-visual-studio-code-85s32l0
CC-4477
@CC-4477
thanks! I'll take a look
Carlo Ascani
@2pxsolidblack_gitlab
Hi all, may be possible to someway make a custom media available everywhere in every css file I have?
Gavin McFarland
@limitlessloop

Hi @2pxsolidblack_gitlab something like this plugin might help you, there might be others.

https://www.npmjs.com/package/postcss-global-vars

Carlo Ascani
@2pxsolidblack_gitlab
thx!
Andrey Sitnik
@ai
@RyanZim I found why we recently have the problem with result.map is not string. It happens because Node.js < 14 call .toString() on options passed to writeFile, but Node.js 14 starts to excplicitly check that it is a string
Ryan Zimmerman
@RyanZim
That's what I thought might be the case.
Jonathan Lorimer
@JonathanLorimer
Has anyone solved the issue with postcss-imports and postcss-mixins?
Kirill Lyzhenkoff
@Lyzhenkoff
Hi!I have problems with adding images to postcss.I write a right link to image but I have error
Andrey Sitnik
@ai
@JonathanLorimer what issue do you talk about? Post your PostCSS config, CSS input, current and expected output
@Lyzhenkoff show you input CSS, PostCSS plugins and the error
Jonathan Lorimer
@JonathanLorimer
I think I actually sorted it out. I am doing a big port from webpack 3 to webpack 5 and somehow I the old configuration they were defining mixins globally? I just needed to add the correct imports. Thanks for the response!
Brian Hogue
@syzygy333
Hi, I'm using postcss and precss, which includes postcss-advanced-variables and in my guplfile I'm piping precss first and I keep getting Could not resolve the variable .... Didn't find much helpful googling around.
Andrey Sitnik
@ai
@syzygy333 sorry, have no time or experience in this plugin. Try to look into the sources. Most of PostCSS plugins are very simple inside
Jonathan Neal
@jonathantneal
I originally created that plugin. Feel free to DM me if you have to debug it. I had been looking for other maintainers for years. I’m still willing to offer assistance.
Mattias Hällkvist
@emattias
Does postcss have an api to check if a value is a color value?
Andrey Sitnik
@ai
@emattias PostCSS core has no this API
but postcss-value-parser may have it
Mattias Hällkvist
@emattias
@ai thanks! Seems like postcss-value-parser doesnt support scss. Is that corrects?
Andrey Sitnik
@ai
@emattias nope :(
but I am not sure
Mattias Hällkvist
@emattias
ok, how can I with postcss get the value of a sass variable?
Andrey Sitnik
@ai
@emattias postcss doesn’t parse SCSS too
you need to use postcss-scss parser
this parse parses $var: 1 as a $var declaration with 1
so it doesn’t really execute SCSS
if you have color: $black in SCSS, you will have { prop: 'color', value: '$black' }
Mattias Hällkvist
@emattias
I want to build a stylelint plugin to only allow using a specified list of sass-variables for color values
Andrey Sitnik
@ai
yeap, you can do it
you can use simple regexp to find a variable name in decl.value
Mattias Hällkvist
@emattias
Ok, thanks!
Mattias Hällkvist
@emattias
what are ways to get all the sass variables defined in a file?
Andrey Sitnik
@ai
@emattias
root.walkDecls(decl => {
  if (decl.prop.startsWith('$') {
    console.log(decl.prop)
  }
})
Mattias Hällkvist
@emattias
Thanks!
mrAzay
@mrAzay
I use the precss. How to import a css file with variables so that other files see these variables?
Andrey Sitnik
@ai
@mrAzay use postcss-import to inject CSS files with variables into all files which will use this variables
another way is to use variables option