search

rhysd / Shiba

Rich markdown live preview app with linter
772 stars 57 forks source link

Add CSS styling to Documentation #7

Closed ghost closed 9 years ago

ghost commented 9 years ago

I just noticed on 0.4.0 release notes the reference to {config dir}/user.css which I assume is custom CSS stylesheet?

If so, perhaps you could place an example CSS in the Documentation so we have reference for all the various CSS selectors available to style Shiba's output. Then I can get started on tufte-css :smile:

rhysd commented 9 years ago

@xHN35RQ

Yes, custom CSS.

I added document! https://github.com/rhysd/Shiba/blob/master/docs/customization.md#user-css

rhysd commented 9 years ago

Then I can get started on tufte-css

Oh, maybe you can't. Markdown preview area is isolated by <markdown-preview> web component. It is not possible to apply stylesheets to inside of web component from outside.

ghost commented 9 years ago

It is not possible to apply stylesheets to inside of web component from outside.

Ohhh, that's too bad. Does it need a LESS version of tufte-css?

rhysd commented 9 years ago

It's not a problem of file format. WebComponents encapsulate styles in the components. So we can't modify it from index.html.

I agree that tufte-css is very nice, so I already added the tufte theme to TODO list. And I also create issue #9 for that.

ghost commented 9 years ago

Ok cool. thanks.