vigour-scratch

scratch

Usage no npm install needed!

<script type="module">
  import vigourScratch from 'https://cdn.skypack.dev/vigour-scratch';
</script>

README

npm version

 _____                _       _
/  ___|              | |     | |
\ `--.  ___ _ __ __ _| |_ ___| |__
 `--. \/ __| '__/ _` | __/ __| '_ \
/\__/ / (__| | | (_| | || (__| | | |
\____/ \___|_|  \__,_|\__\___|_| |_|

Scratch Framework

LESS boilerplate and styleguide for front end projects.

Scratch helps you to make abstract CSS architecture using Less. So, keep it abstract.

It has semantic code and file structure which helps you write beautiful and modular code.

Scratch is not UI framework, it's for architecture only. For DOM, styles and UI elements you can look at those repositories: vigour-io/element and vigour-io/uikit.

Getting Started

To install, run:

$ npm install vigour-scratch --save-dev

Injecting in Browserify:

require('vigour-scratch/index.less');

Injecting in less:

@import 'vigour-scratch/index.less';

Config

Make your own variables file to replace our set on top of scratch. You can see configs in config.less and also follow the imported files inside.

More documentation will be soon.