@bedrock-layout/spacing-constants - npm Package Compare versions

Comparing version 2.3.1 to 2.4.0

package.json

 {
   "name": "@bedrock-layout/spacing-constants",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "bedrock-layout spacing constants",
@@ -42,3 +42,3 @@ "sideEffects": false,
     "clean:build": "rimraf lib",
-    "build": "microbundle build --jsx React.createElement",
+    "build": "microbundle build --jsx React.createElement && node createProperties.js && minify lib/spacing-properties.css > lib/spacing-properties.min.css",
     "build:watch": "microbundle build --jsx React.createElement --watch",
@@ -53,3 +53,3 @@ "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
   },
-  "gitHead": "affc200ca2b6fa2f8c99b9a2584a5acd1d978c53"
+  "gitHead": "611274184dc6fb2a8c99d43202b50f7bc9b9cef6"
 }

README.md

@@ -39,1 +39,39 @@ # `@bedrock-layout/spacing-constants`
 ```
+
+### CSS Stylesheet
+
+You can also just bring in the CSS Stylesheet directly from the `lib` folder:
+
+```javascript
+import "@bedrock-layout/css-reset/lib/spacing-properties.css";
+
+/* or import the minified version */
+
+import "@bedrock-layout/css-reset/lib/spacing-properties.min.css";
+```
+
+This will add the following custom properties to your stylesheets:
+
+```css
+:root {
+  --space-none: 0px;
+  --space-xxs: 0.0625rem;
+  --space-xs: 0.125rem;
+  --space-sm: 0.25rem;
+  --space-md: 0.5rem;
+  --space-mdLg: 0.75rem;
+  --space-lg: 1rem;
+  --space-lgXl: 1.5rem;
+  --space-xl: 2rem;
+  --space-xlXXl: 3rem;
+  --space-xxl: 4rem;
+
+  --size-xxsmall: 159px;
+  --size-xsmall: 319px;
+  --size-small: 639px;
+  --size-medium: 1023px;
+  --size-large: 1199px;
+  --size-xlarge: 1439px;
+  --size-xxlarge: 1920px;
+}
+```

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

35037

increased by5.04%

Number of package files

14

increased by16.67%

Lines of code

107

increased by24.42%

Number of lines in readme file

77

increased by97.44%

No dependency changes