Where do I find the CSS source files?

Kulga

So I thought I'd take a look at the CSS source to see if I could make some kind of heads or tails of it all for a custom layout.
I was looking here but I couldn't find anything for identifying what to insert for the custom css.
Apologies if that's wrong, my CSS skill isn't pro yet 😃

Then in the source, I discovered the css layout is one, big, line.
Is there anyway to introduce even some basic formatting to the stylesheet?
I'm using vim, so I'll probably come up with a trick to do it automatically

This fixed it up pretty good 🙂

:%s/\;/\;\r/g
:%s/}/\r}/g
:%s/}/}\r/g
:%s/{/{\r/g

Toby

Flarum's CSS is compiled from a bunch of LESS files, which you can find here.

Kulga

Toby Perfect!

It's really hard to tweak something when you don't know the original ones. I might recommend linking to that in Themes as "example" less config files

skygate

Toby Where is the font-family? I can't find it

Auk

I believe this is the correct version. Here you go. You can find the current version here.

Toby

Auk That's the CSS for the icon font we use, Font Awesome. Nothing to do with the rest of the app though.

Auk

Oops! LOL, just realized after seeing your first reply here that there is more to it. 😆

Toby

Kulga We'll focus on better documentation once the API is a bit more stable. In the meantime, the docs are on GitHub – feel free to send a PR!

Crayze

Do you find this file?
flarum\vendor\flarum\core\less\lib\lib.less

RajeshChaudhary

Crayze hi Crayze i am facing the same problem. Font awesome icons not displaying. where should i have to make changes ? kindly reply me.

Digital

RajeshChaudhary Hi would you mind sticking with your current topics? Please continue the discussion there and provide us with accurate info so that we can help you.