lesoft-frontend-library-css v1.0.1

Lesoft frontend CSS library

Lesoft frontend CSS library it's a small customization layer based on Tailwind css

Table of contents

• Quick Install
• What's included
• Adding in React projects
• Adding in Angular projects
• Creator

Quick Install

• npm

npm i lesoft-frontend-library-css

What's included

Inside the download, you will find the directory with a single style file minimized:

dist
    ├── css
      └── minify
        └── tailwind.min.css
    └── main.css

Adding in React projects

Adding Lesoft frontend CSS library to a react project is as easy as adding the import from the tailwind.min.css and main.min.css file into index.js file.

import ReactDom from 'react-dom';
import '../node_modules/lesoft-frontend-library-css/dist/css/main.css'
import '../node_modules/lesoft-frontend-library-css/dist/css/minify/tailwind.min.css'
ReactDom.render(<App />, document.querySelector('#root'));

Adding in Angular projects

Adding Lesoft frontend CSS library to an angular project is as easy as just adding the tailwind.min.css and main.min.css file. So, open angular.json file, inside of projects → project-name → architect → styles:

...
    'styles': [
        '../node_modules/lesoft-frontend-library-css/dist/css/main.css',
        '../node_modules/lesoft-frontend-library-css/dist/css/minify/tailwind.min.css',

    ],
...

Creator

Lesoft team