three-dots - npm Package Compare versions

Comparing version 0.2.3 to 0.3.0

package.json

 {
   "name": "three-dots",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "CSS loading animations made with single element",
-  "main": "dist/three-dots.css",
+  "main": "./_index.scss",
   "files": [
     "dist",
-    "sass",
+    "scss",
     "less"
@@ -24,5 +24,3 @@ ],
     "loading-animations",
-    "single-element-css-spinners",
-    "sass",
-    "less"
+    "single-element-css-spinners"
   ],
@@ -33,27 +31,27 @@ "scripts": {
     "clean": "rimraf dist",
-    "sass": "node-sass --output-style expanded sass/three-dots.scss dist/three-dots.css",
-    "sassmin": "node-sass --output-style compressed sass/three-dots.scss dist/three-dots.min.css",
+    "sass": "sass --style=expanded scss/three-dots.scss dist/three-dots.css",
+    "sassmin": "sass --style=compressed scss/three-dots.scss dist/three-dots.min.css",
     "copy": "cp dist/three-dots.css docs/css",
     "postcss": "postcss -r dist/*.css --map",
     "watch": "onchange sass -- run-s sass copy",
-    "lint": "stylelint --syntax scss \"sass/**/*.scss\" --fix",
+    "lint": "stylelint \"scss/**/*.scss\" --fix",
     "prepublish": "npm run build"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.0",
-    "node-sass": "^6.0.1",
+    "autoprefixer": "^10.4.13",
     "npm-run-all": "^4.1.5",
     "onchange": "^7.1.0",
-    "postcss": "^8.3.11",
-    "postcss-cli": "^9.0.2",
-    "postcss-header": "^3.0.1",
+    "postcss": "^8.4.19",
+    "postcss-cli": "^10.0.0",
+    "postcss-header": "^3.0.3",
     "rimraf": "^3.0.2",
-    "stylelint": "^13.13.1",
-    "stylelint-config-recommended-scss": "^4.3.0",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-scss": "^3.21.0"
+    "sass": "^1.56.1",
+    "stylelint": "^14.15.0",
+    "stylelint-config-recommended-scss": "^8.0.0",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-scss": "^4.3.0"
   },
   "engines": {
-    "node": ">=4"
+    "node": ">=14"
   }
 }

README.md

 # Three Dots
 
+[![Build Status](https://app.travis-ci.com/nzbin/three-dots.svg?branch=master)](https://app.travis-ci.com/nzbin/three-dots)
 [![npm](https://img.shields.io/npm/v/three-dots.svg)](https://www.npmjs.com/package/three-dots)
@@ -7,3 +8,3 @@ [![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/nzbin/three-dots)
 
-The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only enhance your CSS skills but also improve your imagination.
+Three Dots is a set of CSS loading animations made with just single element. I think the project can not only enhance your CSS skills but also improve your imagination.
 
@@ -18,6 +19,6 @@ ## Installation
 
-1. Include the CSS in your file:
+1. Import the styles in your Sass file:
 
-```html
-<link href="/path/to/three-dots.css" rel="stylesheet">
+```scss
+@use 'three-dots';
 ```
@@ -52,9 +53,13 @@
 
-1. Checkout this repo and
+Customize the dot's size ( color, spacing, etc. ) with Dart Sass API.
 
-```bash
-$ npm install
+```scss
+@use 'three-dots' with (
+  $dot-width: 20px,
+  $dot-height: 20px,
+  ...
+);
 ```
 
-2. Customize the dots size ( color, spacing, etc. ) in the `_variables.scss` file.
+The available variables and their default values.
 
@@ -74,8 +79,2 @@ ```scss
 
-3. Compile Sass files
-
-```bash
-$ npm run build
-```
-
 ## Contributors
@@ -82,0 +81,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

54

increased by1.89%

Worsened metrics

Total package byte prevSize

125071

decreased by-37.79%

Lines of code

1200

decreased by-34.32%

Number of lines in readme file

109

decreased by-0.91%

No dependency changes