pxtorem-css 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Readme.md +17 -10
- package/package.json +9 -3
package/Readme.md
CHANGED
|
@@ -5,30 +5,34 @@
|
|
|
5
5
|
<br>
|
|
6
6
|
|
|
7
7
|
## Description
|
|
8
|
-
Convert px to rem in css with advanced functionality. pxtorem helps you reduce time when you write css code. This tool build with pure nodejs.
|
|
9
8
|
|
|
10
|
-
|
|
9
|
+
pxtorem-css is a command line interface tool that converts pixel values to rem values in any CSS file. This tool is built using pure Node.js and comes with several advanced features to help you save time when writing CSS code.
|
|
11
10
|
|
|
12
|
-
|
|
13
|
-
* You can choose css directory and also output directory.
|
|
14
|
-
* You can include and exclude css file when convert
|
|
15
|
-
* Even you can ignore css attribute not to convert
|
|
16
|
-
* You can customize options with pxtorem.config.json in your project
|
|
11
|
+
Features:
|
|
17
12
|
|
|
13
|
+
- Converts px to rem in CSS files quickly and easily
|
|
14
|
+
- Allows you to choose the CSS directory and output directory
|
|
15
|
+
- Enables you to include and exclude specific CSS files for conversion
|
|
16
|
+
- Allows you to ignore specific CSS attributes that you don't want to convert
|
|
17
|
+
- You can customize the tool's options with a pxtorem.config.json file in your project
|
|
18
|
+
- Can be installed both locally and globally using npm/
|
|
18
19
|
|
|
19
20
|
## Installation
|
|
20
21
|
|
|
21
22
|
Locally:
|
|
23
|
+
|
|
22
24
|
```bash
|
|
23
25
|
npm i pxtorem-css
|
|
24
26
|
```
|
|
25
27
|
|
|
26
28
|
Globally:
|
|
29
|
+
|
|
27
30
|
```bash
|
|
28
31
|
npm i -g pxtorem-css
|
|
29
32
|
```
|
|
30
33
|
|
|
31
34
|
## Usage
|
|
35
|
+
|
|
32
36
|
```bash
|
|
33
37
|
$ pxtorem [options]
|
|
34
38
|
|
|
@@ -48,6 +52,7 @@ Options:
|
|
|
48
52
|
```
|
|
49
53
|
|
|
50
54
|
### Example
|
|
55
|
+
|
|
51
56
|
`$ pxtorem` : change all directories css file. <br>
|
|
52
57
|
|
|
53
58
|
`$ pxtorem -d public/css` : change all css file inside public/css dir.<br>
|
|
@@ -58,13 +63,14 @@ Options:
|
|
|
58
63
|
|
|
59
64
|
`$ pxtorem -d public/css -i box-shadow margin-left padding-left` : change all css file inside public/css dir except box-shadow margin-left padding-left attribute px.<br>
|
|
60
65
|
|
|
61
|
-
`$ pxtorem -d public/css -r my/name/rem/.ext` : change all css filename example: style.css to mystylerem.css<br>
|
|
66
|
+
`$ pxtorem -d public/css -r my/name/rem/.ext` : change all css filename example: style.css to mystylerem.css and you must follow this pattern {your custom text before name}/name/{your custom text after name}/.ext<br>
|
|
62
67
|
|
|
63
68
|
`$ pxtorem -c pxtorem.json` : Customize your options with json file in your project folder<br>
|
|
64
69
|
|
|
65
|
-
`$ pxtorem -init` : generate pxtorem.config.json (or you can give custom name) into your project folder<br>
|
|
70
|
+
`$ pxtorem -init` : generate pxtorem.config.json (or you can give custom name by passing value after -init) into your project folder<br>
|
|
66
71
|
|
|
67
72
|
### pxtorem.json Example
|
|
73
|
+
|
|
68
74
|
```bash
|
|
69
75
|
{
|
|
70
76
|
"size": "16",
|
|
@@ -79,7 +85,8 @@ Options:
|
|
|
79
85
|
```
|
|
80
86
|
|
|
81
87
|
## Contribution
|
|
88
|
+
|
|
82
89
|
If you want to contribute or report any bug, you welcome
|
|
83
90
|
|
|
84
91
|
<br>
|
|
85
|
-
Don't forget to give a star 😍
|
|
92
|
+
Don't forget to give a star 😍
|
package/package.json
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pxtorem-css",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "A nodejs cli that convert css unit px to rem",
|
|
5
5
|
"main": "app.js",
|
|
6
|
-
"scripts": {},
|
|
7
6
|
"author": "Rashed Iqbal",
|
|
8
|
-
"license": "
|
|
7
|
+
"license": "MIT",
|
|
9
8
|
"bin": {
|
|
10
9
|
"pxtorem": "./bin/pxtorem"
|
|
11
10
|
},
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/iqbal-rashed/pxtorem-css"
|
|
14
|
+
},
|
|
15
|
+
"bugs": {
|
|
16
|
+
"url": "https://github.com/iqbal-rashed/pxtorem-css/issues"
|
|
17
|
+
},
|
|
12
18
|
"keywords": [
|
|
13
19
|
"pxtorem",
|
|
14
20
|
"css",
|