@viur/ignite

5.0.2 • Public • Published

License: MIT

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 git@github.com: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?

Readme

Keywords

Package Sidebar

Install

npm i @viur/ignite

Weekly Downloads

1

Version

5.0.2

License

MIT

Unpacked Size

493 kB

Total Files

15

Last publish

Collaborators

  • phsieben
  • viur-admin
  • sveneberth
  • xeon2003