react-flexr - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

package.json

 {
   "name": "react-flexr",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "React flexbox grid made simple.",
@@ -5,0 +5,0 @@ "main": "lib",

README.md

@@ -45,2 +45,6 @@ # Flexr
         <Cell>
+
+        <Cell palm='3/12' lap='1/2'>
+          Fills on mobile, half on lap and dynamic size everywhere else.
+        <Cell>
       </Grid>
@@ -54,4 +58,18 @@ );
 
+## Responsive Props
+The responsive props are based on [ergonomics](https://twitter.com/lukew/status/273453112902172672).
 
+I've used these breakpoints in a variety of [apps](https://github.com/chriskjaer/prototype-seed) and [ grids ](https://github.com/chriskjaer/prototype-seed/blob/master/source/assets/styles/utilities/_grid.scss) with success. So far
+the following breakpoints have beeen implemented:
+- Palm
+- Lap
+- Portable
+- Desk
+
+See [defauts file](https://github.com/chriskjaer/react-flexr/blob/master/src/defaults.js) for sizes.
+
+
 ## TODO:
-- [ ] Add Responsive capabilities
+- [x] Add Responsive capabilities
+- [ ] Find a decent way to test responsive grid props.
+- [ ] Add flex order

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22464

increased by3.41%

Number of lines in readme file

74

increased by32.14%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes