grid-style - npm Package Compare versions

Comparing version 0.3.3 to 1.0.0

CHANGELOG.md

@@ -0,1 +1,11 @@
+<a name="0.3.3"></a>
+## [0.3.3](https://github.com/lbwa/grid-style/compare/v0.3.2...v0.3.3) (2018-08-02)
+
+
+### Bug Fixes
+
+* correct wrong gutter params ([e2119d7](https://github.com/lbwa/grid-style/commit/e2119d7))
+
+
+
 <a name="0.3.2"></a>
@@ -2,0 +12,0 @@ ## [0.3.2](https://github.com/lbwa/grid-style/compare/v0.3.1...v0.3.2) (2018-08-01)

package.json

 {
   "name": "grid-style",
-  "version": "0.3.3",
+  "version": "1.0.0",
   "description": "Grid layout implemented by flex box.",
@@ -5,0 +5,0 @@ "main": "dist/index.css",

README.md

@@ -112,3 +112,3 @@ # grid-style [![npm](https://img.shields.io/npm/v/grid-style.svg)](https://www.npmjs.com/package/grid-style) [![Build Status](https://travis-ci.org/lbwa/grid-style.svg?branch=master)](https://travis-ci.org/lbwa/grid-style)
 | -------- | ------ | ----------- |
-| .grid[grid-gutters="1"] ~ .grid[grid-gutters="5"] | container | define item gutter （based on `.5em`） |
+| .grid[grid-gutters="1"] ~ .grid[grid-gutters="10"] | container | define item gutter （based on `.5em`） |
 
@@ -152,2 +152,14 @@ ## Offset
 | .grid-4 | container | define all item (`25%` container width) width from same container |
+| .grid-sm-1 ~ .grid-sm-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `576px` |
+| .grid-md-1 ~ .grid-md-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `768px` |
+| .grid-lg-1 ~ .grid-lg-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `992px` |
+| .grid-xl-1 ~ .grid-xl-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `1200px` |
+
+If you are using version `0.3.x` :
+| selector | target | description |
+| -------- | ------ | ----------- |
+| .grid-full | container | define all item (`100%` container width) width from same container |
+| .grid-2 | container | define all item (`50%` container width) width from same container |
+| .grid-3 | container | define all item (`33.3333%` container width) width from same container |
+| .grid-4 | container | define all item (`25%` container width) width from same container |
 | .small-grid-fit | container | define `flex: 1` ,  but it only works on device which width over `576px` |
@@ -154,0 +166,0 @@ | .small-grid-full | container | same as `.grid-full` , but it only works on device which width over `576px` |

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

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

43265

increased by46.13%

Lines of code

701

increased by88.44%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

173

increased by7.45%

No dependency changes