Add CSS styling to Documentation

Question

Add CSS styling to Documentation

opened this issue 9 years ago · comments

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 😄

Linda_pp · Answer 1 · Thu Aug 13 2015 18:55:10 GMT+0800 (China Standard Time)

@xhn35rq

Yes, custom CSS.

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

Linda_pp · Answer 2 · Thu Aug 13 2015 18:57:57 GMT+0800 (China Standard Time)

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.

Deleted user · Answer 3 · Thu Aug 13 2015 19:03:29 GMT+0800 (China Standard Time)

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?

Linda_pp · Answer 4 · Fri Aug 14 2015 15:04:46 GMT+0800 (China Standard Time)

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.

Deleted user · Answer 5 · Fri Aug 14 2015 15:40:59 GMT+0800 (China Standard Time)

Ok cool. thanks.