Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

acss-io/atomizer

A tool for creating Atomic CSS, a collection of single purpose styling units for maximum reuse

People

Repo info

Activity

Sarbbottam Bandyopadhyay

@sarbbottam

object-fit

@tom76kimo @jitendravyas I couldn't find any at https://github.com/acss-io/atomizer/blob/master/src/rules.js

Jitendra Vyas

@jitendravyas

Gitter is not something most of the people usually visit. I think we need to make ACSS community active. I created a slack group https://atomiccss.slack.com let me know if would like to chat there. Send me your emails to jitendra.web@gmail.com so I can send invites

@src-code @renatoi Does anyone have AtomicCSS twitter account credentials, we should keep the momentum on the twitter

Sarbbottam Bandyopadhyay

@sarbbottam

Great initiative @jitendravyas

:clap:

Also it will be nice to connect slack and gitter room. https://gitter.im/w3c/a11ySlackers does similar things

Jitendra Vyas

@jitendravyas

Sure we can do

Sarbbottam Bandyopadhyay

@sarbbottam

I wish Thierry Koblentz was in this channel.

Jitendra Vyas

@jitendravyas

Me too.

Jitendra Vyas

@jitendravyas

@sarbbottam send me ur email

Sarbbottam Bandyopadhyay

@sarbbottam

IMed ...

Seth Bertalotto

@redonkulus

@thierryk I believe he is

@sarbbottam its not in infinite hibernation, just this chat room :). I don't think @src-code gets the actual pings. At Yahoo, we atomic everywhere, so it is not going anywhere.

Sarbbottam Bandyopadhyay

@sarbbottam

:wave: @redonkulus

Trần Duy Báu

@trdbau_gitlab

Hello guys, I'm new at Atomizer. So let start, Can anyone in here tell me how to use CDN or something like this way?

Seth Bertalotto

@redonkulus

@trdbau_gitlab So atomizer is just a utility to build your css. It doesn’t offer a generic library on cdn. You have to generate your own css using atomizer and then push it to cdn yourself.

Trần Duy Báu

@trdbau_gitlab

@redonkulus oh thank for that, wish someday that we have a atomizer.js or something like that

Seth Bertalotto

@redonkulus

Most output of atomizer is too specific to the applications own css. I’m not sure a library would be necessary. If anything, it would include styles you don’t need.

Tornike Shavidze

@ShavidzeT

Hi,
Do have any suggestion for atomizer auto-completion on vue (vscode) ?

Sarbbottam Bandyopadhyay

@sarbbottam

I use https://marketplace.visualstudio.com/items?itemName=ArvinH.atomic-css-search for VSCode.

There is also https://marketplace.visualstudio.com/items?itemName=pankaj-parashar.atomizer

@ShavidzeT ^

Seth Bertalotto

@redonkulus

@src-code is also going to work on a new one as well for vscode. Hopefully we have something soon to show.

Sarbbottam Bandyopadhyay

@sarbbottam

Is there a place/process to discuss feature requests or is it GitHub issue?

Seth Bertalotto

@redonkulus

GitHub issue is the best way

Sarbbottam Bandyopadhyay

@sarbbottam

Sounds good!

Sarbbottam Bandyopadhyay

@sarbbottam

raised acss-io/atomizer#346

looking forward to thoughts and guidance :pray:

Tornike Shavidze

@ShavidzeT

@sarbbottam thanks for your suggestions, atomic-css-search looks very interesting for me, second repo your provide me, has only html ext support, I want to quickly type acss classes in my vue files.

Sarbbottam Bandyopadhyay

@sarbbottam

@redonkulus @src-code is the any thing that I can help with acss-io/atomizer#346

GvinianidzeGivi

@GvinianidzeGivi

pls help, how integrate ACSS in angular? :(:(:(::(

Thierry Koblentz

@thierryk

Happy New Year @all

FYI: I moved the ACSS QA I had in my repo to https://github.com/acss-io/acss-site/discussions

Stay safe!

Seth Bertalotto

@redonkulus

Awesome. Good work @thierryk

Thierry Koblentz

@thierryk

Thanks @redonkulus for suggesting that move

"Atomic CSS" is now "Atomic CSS on Steroids" and ACSS stands for Atomized CSS.
\w00t/
https://twitter.com/7h1322yk0813n72/status/1356761459179495424

Sebastian Landwehr

@dword-design

Hey folks, what's actually the current state of this project? Is it actively maintained?

Thierry Koblentz

@thierryk

@dword-design it is: https://github.com/acss-io/atomizer/releases/

Sebastian Landwehr

@dword-design

@thierryk Ok that's great! What about webpack-atomizer-loader? I wrote a Nuxt.js module that allows to use ACSS in a Nuxt app. It uses the loader but needs some additional features regarding config passing. I added 2 PRs some months ago. Would be great to have them merged.

Thierry Koblentz

@thierryk

@redonkulus @src-code @roderickhsiao could one of you guys check @dword-design's PRs?
That would be awesome. TIA!

Ricardo Santos

@rs_silvaba_twitter

Hi All, I was just checking out atomizer wondering if it is possible to have multiple combinators? I did not find anything like that in the docs or on the github issues.
Ex: input:checked ~ anotherclass > childclass { background-color: black}

Thierry Koblentz

@thierryk

@rs_silvaba_twitter I don't think using multiple combinators works. In your example, it would be something like foo:c~bar>Bgc(#000).
Can you open an issue? https://github.com/acss-io/atomizer/issues

Ricardo Santos

@rs_silvaba_twitter

@thierryk acss-io/atomizer#387

Thierry Koblentz

@thierryk

@rs_silvaba_twitter thanks!

Ricardo Santos

@rs_silvaba_twitter

Are there any ways we can change the rule set to have custom delimiters? so instead of having parentheses I can place a different separator? that does not need to be escaped for example.

Thierry Koblentz

@thierryk

Hi @rs_silvaba_twitter out of curiosity, what separator do you have in mind?
Also, it just turned this on: https://github.com/acss-io/atomizer/discussions you may want to post there

Ricardo Santos

@rs_silvaba_twitter

@thierryk anything that does not need to be escaped in the css, like ".Bgc-{{value}}" "Bgc_{{value}}" the second option is used for combinators so probably would not work, but you got the idea.

Thierry Koblentz

@thierryk

@rs_silvaba_twitter

anything that does not need to be escaped in the css

What's wrong with escaping? Atomizer is doing that job, so it's pretty transparent to the author.
If you want to create a rich syntax you need to rely on "special" characters.
There may be a reason why you don't really have a suggestion for replacing the "()" with characters that don't need to be escaped.
We went through this very exercise years ago and we ended up picking "()", which was very unpopular at the time - but, to us, those characters were the ones that delivered the most.

Ricardo Santos

@rs_silvaba_twitter

Nothing wrong with it. It works great and got the job that I wanted to do done. I created my own rules, config and helpers . I just wondered because normally autocomplete will get the rules escaped which is not what I want. Let me know if you know how to get the autocomplete working nicely with atomizer.

Thierry Koblentz

@thierryk

I just wondered because normally autocomplete will get the rules escaped which is not what I want. Let me know if you know how to get the autocomplete working nicely with atomizer.

Autocomplete within an IDE? Inside a stylesheet?
Sorry, I'm not sure I understand what you mean here.

Ricardo Santos

@rs_silvaba_twitter

@thierryk from the html or jsx. not the stylesheet. They are generated so not the case. But for example, styles that are already generated comes with all the escaping chars.
But of course that is not issue just a feature I wondered is there.

Chat via Matrix