Skip to content
This repository was archived by the owner on Oct 19, 2021. It is now read-only.

Commit 66f68b0

Browse files
committed
Update links & content for how to use
1 parent cd1c657 commit 66f68b0

File tree

1 file changed

+18
-8
lines changed

1 file changed

+18
-8
lines changed

README.md

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
The [less-css-helper-library](https://github.com/code-collabo/less-css-helper-library) for css, less and frontend projects. Related (css) key value pairs often used together are stored in css classes for easy use, reuse and to help quickly structure your projects. Styles or classes do not reflect personal preference(s), ***built-in css styles*** are only made accessible in your projects just by adding a class to an html element.
88

99

10-
## v1.0.0 styles & classes
11-
v1.0.0 contains some [reset styles](https://github.com/code-collabo/less-css-helper-library/blob/main/less/01-base/reset.less) and classes which you can apply on html elements.
10+
## Styles & classes
11+
The library provides some [reset styles](https://github.com/code-collabo/less-css-helper-library/blob/main/less/01-base/reset.less) and classes which you can apply on html elements.
1212

1313
#### [display-related](https://github.com/code-collabo/less-css-helper-library/blob/main/less/02-style/display.less) classes:
1414
* `.block`
@@ -37,14 +37,24 @@ v1.0.0 contains some [reset styles](https://github.com/code-collabo/less-css-hel
3737
* `.btn-danger`
3838

3939
## How to use
40-
#### Install [package from npm](https://www.npmjs.com/package/less-css-helper-library):
41-
`npm install less-css-helper-library`
40+
Install the npm package or use the cdn option.
4241

43-
#### Reference the library in your project with:
44-
* ***For css project:*** `node_modules/less-css-helper-library/css/styles.css`
45-
* ***For less project:*** `node_modules/less-css-helper-library/less/styles.less`
42+
#### Install [npm package](https://www.npmjs.com/package/@code-collabo/less-css-helper-library):
43+
`npm i @code-collabo/less-css-helper-library`
4644

47-
You can just ***reference both*** in your project if you use `less` & may need to switch to or mix with `css`. Make sure to add the reference(s) before that of your own css and/or less files.
45+
Reference the library in your project with:
46+
`node_modules/@code-collabo/less-css-helper-library/css/styles.css` - _For css project_.
47+
48+
`node_modules/@code-collabo/less-css-helper-library/less/styles.less` - _For less project_.
49+
50+
You can just ***reference both*** in case you need to switch from `css` to `less` & vice versa. Make sure to add the reference(s) before that of your own css and/or less files.
51+
52+
If you are using less in an angular project for example, reference the one for less or both in the styles array in your angular.json file. You also need to import it at the top of your main .less file like so:
53+
54+
`@import 'node_modules/@code-collabo/less-css-helper-library/less/styles.less';`
55+
56+
#### Using CDN
57+
Add cdn content here once you have created & tested it.
4858

4959
#### Class names:
5060
From the class names, it's easy to tell what they do. See effect when added to an html element below:

0 commit comments

Comments
 (0)