Use midas for CSS highlighting #167

Open
ben-eb opened this Issue Feb 12, 2016 · 12 comments

Projects

None yet

4 participants

@ben-eb
Member
ben-eb commented Feb 12, 2016

Let's really show off what PostCSS can do.

http://midasjs.com/

@marcustisater marcustisater added this to the Backlog milestone Feb 12, 2016
@okonet
Collaborator
okonet commented Feb 12, 2016

Cool! Does this work in browser?

@ben-eb
Member
ben-eb commented Feb 12, 2016

@okonet I haven't tried this, only used it in static site generation. All the CSS examples on the cssnano website are highlighted with it. 😄

@okonet
Collaborator
okonet commented Feb 12, 2016

Can you create a PR please?

@marcustisater
Member

I will move this to the "wishlist" for now.

PR's are welcome of course.

@marcustisater
Member

@ben-eb gitter:

i had a look at the JS, you can check if the language is CSS and return midas' output from there, if not fallback to hljs
midas has built-in base16 themes, pick one http://chriskempson.github.io/base16/
no CSS preview but you can get an idea of the general colours

@thangngoc89
Contributor

You can easily replace default md-collection-loader of statinamic.

@marcustisater marcustisater modified the milestone: 1.1, Backlog Mar 5, 2016
@thangngoc89
Contributor

Next version of statinamic will use remark by default so you can use https://github.com/ben-eb/remark-midas

https://github.com/MoOx/statinamic/blob/next/CHANGELOG.md

I'll send a PR after 0.9.0 landed

@marcustisater
Member

Let's wait for Statinamic 9.0 to release before we replace highlight with Midas.

@thangngoc89
Contributor

@ben-eb It is possible to use midas now. But this website has no markdown content to highlight (yet). CSS in homepage is being highlighted by react-highlight. I can't find a relevant component for midas.

@marcustisater
Member

The first one would be the API page #71 - I am working on the Page component.

@marcustisater
Member

That's awesome!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment