@material/layout-grid - npm Package Compare versions

Comparing version 0.41.0 to 3.0.0

package.json

 {
   "name": "@material/layout-grid",
-  "version": "0.41.0",
+  "version": "3.0.0",
   "description": "The Material Components for the web layout grid component",
@@ -18,3 +18,4 @@ "license": "MIT",
     "access": "public"
-  }
+  },
+  "gitHead": "747f6ed544e3a3bb3fde71ceaa51359f2212bfb9"
 }

README.md

@@ -76,2 +76,8 @@ <!--docs:
 
+### Styles
+
+```scss
+@import "@material/layout-grid/mdc-layout-grid";
+```
+
 ### CSS Classes
@@ -131,6 +137,6 @@
 --- | ---
-`mdc-layout-grid($type-of-device, $margin, $max-width)` | Generates CSS for a grid container on certain device type
-`mdc-layout-grid-inner($type-of-device, $margin, $gutter)` | Generates CSS for a grid cell wrapper on certain device type
-`mdc-layout-grid-cell($type-of-device, $default-span, $gutter)` | Generates CSS for a grid cell on certain device type
-`mdc-layout-grid-fixed-column-width($type-of-device, $margin, $gutter, $column-width)` | Generates CSS for a fixed column width container on certain device type
+`mdc-layout-grid($size, $margin, $max-width)` | Generates CSS for a grid container on certain device type
+`mdc-layout-grid-inner($size, $margin, $gutter)` | Generates CSS for a grid cell wrapper on certain device type
+`mdc-layout-grid-cell($size, $default-span, $gutter)` | Generates CSS for a grid cell on certain device type
+`mdc-layout-grid-fixed-column-width($size, $margin, $gutter, $column-width)` | Generates CSS for a fixed column width container on certain device type
 `mdc-layout-grid-cell-order($order)` | Reorders a cell inside a grid
@@ -140,3 +146,3 @@ `mdc-layout-grid-cell-align($position)` | Aligns a cell vertically inside a grid
 
-#### `mdc-layout-grid($type-of-device, $margin, $max-width)`
+#### `mdc-layout-grid($size, $margin, $max-width)`
 
@@ -149,3 +155,3 @@ Generates CSS for a grid container on certain device type. The mixin takes three parameters:
 
-#### `mdc-layout-grid-inner($type-of-device, $margin, $max-width)`
+#### `mdc-layout-grid-inner($size, $margin, $max-width)`
 
@@ -157,3 +163,3 @@ Generates CSS for a grid cell wrapper on certain device type. The mixin takes three parameters:
 
-#### `mdc-layout-grid-cell($type-of-device, $default-span, $gutter)`
+#### `mdc-layout-grid-cell($size, $default-span, $gutter)`
 
@@ -167,3 +173,3 @@ Generates CSS for a grid cell on certain device type. The mixin takes three parameters:
 
-#### `mdc-layout-grid-fixed-column-width($type-of-device, $margin, $gutter, $column-width)`
+#### `mdc-layout-grid-fixed-column-width($size, $margin, $gutter, $column-width)`
 
@@ -170,0 +176,0 @@ Generates CSS for a fixed column width container on certain device type. The mixin takes four parameters:

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

84694

increased by51.92%

Number of package files

11

increased by57.14%

Lines of code

734

increased by31.54%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

195

increased by3.17%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes