@viur/ignite

Ignite

ViUR Ignite is a sizzling PostCSS boilerplate

Our goal is to create a boilerplate that is sturdy and scalable yet lightweight and adaptable to our different customer projects. Our approach to CSS is influenced by many modern CSS principles: object oriented, functional and structured. It uses the power of PostCSS.

For a detailed introduction and examples have a look at ignite.viur.dev.

What is this framework for?

• Ignite is a development toolkit for sturdy HTML and CSS
• It is a lightweight collection of helpful CSS
• It is responsive and adaptable
• It is built with PostCSS
• It is a solid foundation for Shoelace and VUEJS

Foundation

• basic.css – styling of all application basics (body, fonts, headlines, lists etc.).
• color.css – is a collection of color tables.
• config.css – stores all default variables and constants.
• mediaqueries.css – is a really simple solution for media queries.
• reset.css – resets all browsers to the same base state.

Themes

• dark.css - is a starting point for a dark theme
• light.css - is a starting point for a light theme

Utilities

• shoelace.css – the ignite shoelace adapter (ISA)
• utilities.css – useful helpers

---

Usage

Submodule

We recommend to add ignite as a submodule in your project:

git submodule add [e-mail]:viur-framework/ignite.git

or

git submodule add https://github.com/viur-framework/ignite.git

PostCSS Import

Then you can import ignite in your projects style.css

@import url('ignite/ignite.css');

---

Contribution guidelines

• Available for use under the GPL-3.0 license

---

Who do I talk to?

• @phneutral
• @sveneberth