@afp/toolkit-styles

Toolkit-styles

This module is designed to contain SCSS styles used commonly by toolkit-ui and toolkit tools.

Installation

Installation via npm
npm install @afp/toolkit-styles

Then in your entry js

import '@afp/toolkit-styles/dist/index.bundle.css'

Requirements

• NodeJS

Developement

Just npm run dev, then open /index.html (yes, just double-click) with your browser. Feel free to modify this file to add new markup, and to modify styles in the scss folder.

Node watch these files and automatically rebuild the CSS styles in dist/ folder.

The build process also allow fonts and images (like icons).

Build and publish

Not very necessary, but you can build without watch with npm run build. Then you can publish your module with npm publish.

Contributing

The colors should be set in colors.scss

Every other variables that must be accessible in toolkit ui or toolkit tools should be set in variables.scss. But don't apply styles in that file.

Styles should be applied in every component file (inputs.scss, buttons.scss) and the main file (main.scss).

Don't modify index.scss. It just includes the necessary lines to init the project.