@brandcolors/linkedin - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

package.json

 {
     "name": "@brandcolors/linkedin",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "description": "LinkedIn Brand Colors.",
@@ -14,3 +14,4 @@ "main": "_index.scss",
         "sass",
-        "css"
+        "css",
+        "front-end"
     ],
@@ -27,3 +28,3 @@ "license": "MIT",
     },
-    "gitHead": "cf31d15318affb32ce2bbdd83a480ac10d10262e"
+    "gitHead": "a13fcc9616e51ff22c5b7ccff76ae826a88c611f"
 }

README.md

@@ -25,4 +25,4 @@ <div align="center">
 
-The styles will create custom properties in `:root {...}`. If you want this custom properties anywhere else, use the
-public mixin `custom-properties`.
+The styles will create custom properties in CSS `root`. If you want this custom properties anywhere else, use the public
+mixin `custom-properties`.
 
@@ -50,2 +50,15 @@ <block-code>
 
+### Custom Properties
+
+```scss
+@use "@brandcolors/linkedin";
+
+:root {
+    @include linkedin.custom-properties(primary);
+    // --bc-linkedin-primary: #1da1f2;
+    @include linkedin.custom-properties(primary-rgb);
+    // --bc-linkedin-primary-rgb: rgb(29, 161, 242);
+}
+```
+
 ## API
@@ -64,2 +77,2 @@
 | --- | --- |
-| `custom-properties` | Create custom property for each variables register. Ex. `--bc-linkedin-primary: #1da1f2` |
+| `custom-properties($values...)` | Create custom property on `root`. If the `$values` is empty, the mixin will create all styles by default. |

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

Total package byte prevSize

6369

increased by9.94%

Number of lines in readme file

76

increased by20.63%

No dependency changes