ework-designsystem
v1.29.3
Published
[![CircleCI](https://dl.circleci.com/status-badge/img/gh/test-IO/ework-designsystem/tree/main.svg?style=svg&circle-token=a6f445c8f371d79aa4a533c93cac6d0a79a90c5c)](https://dl.circleci.com/status-badge/redirect/gh/test-IO/ework-designsystem/tree/main)
Downloads
839
Readme
Ework Designsystem
https://ework-designsystem.cirro.io (Live deployment)
Installation in a ROR project
Install the package and save it as a dependency:
yarn add ework-designsystem
Import the system in your Sass manifest:
@import "ework-designsystem/src/_assets/stylesheets/app";
Make sure your postcss.config.js looks like below:
module.exports = { plugins: [ require('postcss-import'), require('postcss-nesting'), require('tailwindcss')('./node_modules/ework-designsystem/src/_assets/stylesheets/tailwind.config.js'), require('autoprefixer'), ] }
Install resolve-url-loader package and following snippet in your config/webpack/environment.js
environment.loaders.get('css').use.splice(-1, 0, { loader: 'resolve-url-loader' });
Development
Requirements
- Node.js
- NPM (comes with Node.js)
Install dependencies
npm install
Working locally
Starts watch tasks to compile when changes detected
npm start
Creating a production build
Minify HTML, compress JS, inline and minify CSS.
npm run build
Publishing to registry
- Make sure to update the version number in package.json file for every pull request
- CircleCi will take care of publishing to npm and also adding a tag when the commits are merged to master
- CircleCI will publish it only if the package version has been increased