ViUR Ignite CSS

The ViUR Ignite Framework is the first attempt in building a sturdy foundation for ViUR products and Mausbrand projects.This CSS toolkit is the very core of ViUR Ignite. It is built upon the principles of many CSS guides and frameworks.

For a detailed introduction and examples have a look at http://ignite.viur.is.

Different projects demand different solutions. ViUR Ignite CSS is a solution based on the needs of our python/jinja oriented stack. A lightweight framework for many different customer projects. For other purposes you may use one of the frameworks or guides below. Their samples, knowledge and expertise helped us to make ViUR Ignite CSS.

• Primer CSS
• Enduring CSS
• Bulma
• CSS Guidelin.es
• Bijou
• Bedrock
• and others

Thanks guys!

What is this framework for?

• ViUR Ignite CSS is a development toolkit for sturdy HTML and CSS
• It is a lightweightned collection of helpful CSS components
• It is responsive and adaptable
• It is build in LESS
• ViUR Ignite CSS is JavaScript free as most projects use their own JS implementation (We are stil working on our own JS lib: ViUR Ignite JS).

Install

$ npm install viur-ignite-css

Usage

const gulp = require('gulp');
const css = require('viur-ignite-css');

gulp.task('init', function() {
  return css.init();
});

gulp.task('default', function() {
  return css.build();
});

First run the init task with

$ gulp init

than you can edit the style.less and compile the css with

$ gulp

Be individual

Call the function with an object of options

gulp.task('default', function() {
  return css.build({
    dest: './output/css'
  });
});

The Default options are:

src: path.join(__dirname, 'less/viur.less') // source path of basic less file
dest: './appengine/static/css/' // destination path of css
sourceMap: true // sourcemap for style.css
minSourceMap: false // sourcemap four style.min.css

Contribution guidelines

• Available for use under the GPL-3.0 license

Who do I talk to?

• @phneutral
• @sveneberth