angular-css-flex-layout - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

package.json

@@ -1,1 +0,1 @@
-{"name":"angular-css-flex-layout","version":"0.0.1","description":"A (temporary) solution for @angular/flex-layout problems in server-side rendering","main":"bundles/angular-css-flex-layout.umd.js","scripts":{"build":"ng-packagr -p ng-package.json","publish":"npm publish ./dist"},"repository":{"type":"git","url":"git+https://github.com/alirezamirian/angular-css-flex-layout.git"},"keywords":["angular","flex-layout","ssr"],"author":"Alireza Mirian ([e-mail])","license":"ISC","bugs":{"url":"https://github.com/alirezamirian/angular-css-flex-layout/issues"},"homepage":"https://github.com/alirezamirian/angular-css-flex-layout#readme","peerDependencies":{"@angular/core":"^4.0.0","angular-material":"^1.0.0"},"devDependencies":{"@angular/core":"^4.0.0","ng-packagr":"^1.6.0","typescript":"^2.4.2"},"module":"angular-css-flex-layout.es5.js","es2015":"angular-css-flex-layout.js","typings":"angular-css-flex-layout.d.ts","metadata":"angular-css-flex-layout.metadata.json"}
+{"name":"angular-css-flex-layout","version":"0.0.2","description":"A (temporary) solution for @angular/flex-layout problems in server-side rendering","main":"bundles/angular-css-flex-layout.umd.js","scripts":{"build":"ng-packagr -p ng-package.json","publish-on-npm":"npm publish ./dist"},"repository":{"type":"git","url":"git+https://github.com/alirezamirian/angular-css-flex-layout.git"},"keywords":["angular","flex-layout","ssr"],"author":"Alireza Mirian ([e-mail])","license":"ISC","bugs":{"url":"https://github.com/alirezamirian/angular-css-flex-layout/issues"},"homepage":"https://github.com/alirezamirian/angular-css-flex-layout#readme","peerDependencies":{"@angular/core":"*","angular-material":"^1.0.0"},"devDependencies":{"@angular/core":"^4.0.0","ng-packagr":"^1.6.0","typescript":"^2.4.2"},"module":"angular-css-flex-layout.es5.js","es2015":"angular-css-flex-layout.js","typings":"angular-css-flex-layout.d.ts","metadata":"angular-css-flex-layout.metadata.json"}

README.md

@@ -19,4 +19,9 @@ # angular-css-flex-layout
 [AngularJS Material Flex Layout][ng1flex]. So you only need to import `CssFlexLayoutModule`
-instead of `FlexLayoutModule`, and add `angular-material.layouts.css` to your styles.
+instead of `FlexLayoutModule`, and add **angular-material.layouts.css** to your styles.
 
+# Installation
+```bash
+npm i angular-css-flex-layout --save
+```
+
 # Usage Example:
@@ -41,7 +46,18 @@
 
-And in your styles (`styles.scss` if you are using angular cli):
-```
+And in your styles (**styles.scss** if you are using angular cli):
+```scss
 @import '~angular-material/modules/layouts/angular-material.layouts.css';
 ```
 
+If you are importing FlexLayoutModule in several places in your code, you 
+can create a **flex-layout-module.ts** like below and import `FlexLayoutModule`
+from it.
+
+```ts
+export {CssFlexLayoutModule as FlexLayoutModule} from 'angular-css-flex-layout';
+// export {FlexLayoutModule} from '@angular/flex-layout';
+```
+This way, you will be able to switch between original FlexLayoutModule and
+CssFlexLayoutModule with a switch of comments.
+
 # Known issues:
@@ -58,2 +74,2 @@ - layout-wrap-* doesn't exist in AngularJS Material layout css.
 [ng1flex]: https://material.angularjs.org/latest/layout/introduction
-[jslAdvantages]: https://github.com/angular/flex-layout/wiki/Why-use-Flex-Layout#advantages
+[jslAdvantages]: https://github.com/angular/flex-layout/wiki/Why-use-Flex-Layout#advantages

No alert changes

Improved metrics

Total package byte prevSize

391566

increased by0.14%

Number of lines in readme file

73

increased by30.36%

No dependency changes