New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to add custom css/scss file/inline styles in example mode? #227

Open
7iomka opened this Issue May 19, 2017 · 1 comment

Comments

2 participants
@7iomka

7iomka commented May 19, 2017

How to add custom css/scss file/inline styles in example.html?
I use custom build of fractal engine, and I want to make a page with a list of all the icons in the documentation for the project. I'm almost happy with the appearance of example.html (example mode), except that my site is in dark colors, and accordingly icons in preview-boxes are not visible.
Help me find a solution how to connect external styles to a page that is genetically engineered.
Thank you!

@7iomka 7iomka changed the title from How to add custom css/scss file/iline styles in example mode? to How to add custom css/scss file/inline styles in example mode? May 19, 2017

@jkphl jkphl self-assigned this May 19, 2017

@jkphl jkphl added the enhancement label May 19, 2017

@jkphl

This comment has been minimized.

Owner

jkphl commented May 19, 2017

This sounds like a great idea — thanks for the suggestion! Especially because we started working with Fractal as well and this sounds like a valid improvement.

Off the top of my head: You should be able to use a custom Mustache template via the mode.<mode>.example.template setting. Simply copy the default example template (I think it's tmpl/css/sprite.html) and customize to your needs.

However, I agree that injecting custom styles without touching the default template would be a nice addition. I'm planning on doing a major rewrite during the next 2-3 months and I'll try to consider that then. Please bear with me though. Thanks.

@jkphl jkphl added this to the 2.0.0 Release milestone May 30, 2017

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