css-fx-layout - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

package.json

 {
   "name": "css-fx-layout",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "A lightweight SCSS only flexbox library inspired by Angular's flex-layout.",
   "repository": "https://github.com/philmtd/css-fx-layout",
   "scripts": {
-    "build": "gulp sass"
+    "build": "node build.js"
   },
@@ -14,7 +14,4 @@ "author": "Philip Dakowitz",
   "devDependencies": {
-    "gulp": "4.0.2",
-    "gulp-sass": "4.0.2",
-    "node-sass": "4.12.0",
-    "gulp-sourcemaps": "2.6.5"
+    "sass": "^1.57.1"
   }
 }

README.md

@@ -1,6 +0,8 @@
-[![Build Status](https://travis-ci.com/philmtd/css-fx-layout.svg?token=eyZ7Sz2wcY1Ps8Nx2ib7&branch=master)](https://travis-ci.com/philmtd/css-fx-layout) [![npm version](https://badge.fury.io/js/css-fx-layout.svg)](https://www.npmjs.com/package/css-fx-layout)
-
 # css-fx-layout
-This is a lightweight SCSS/CSS only flexbox library inspired by Angular's [flex-layout](https://github.com/angular/flex-layout).
 
+[![CircleCI](https://circleci.com/gh/philmtd/css-fx-layout/tree/master.svg?style=svg)](https://circleci.com/gh/philmtd/css-fx-layout/tree/master) [![npm version](https://badge.fury.io/js/css-fx-layout.svg)]
+
+This is a lightweight SCSS/CSS only flexbox library. It is inspired by Angular's [flex-layout](https://github.com/angular/flex-layout) and can replace the
+most popular functions of the (by now deprecated) Angular library.
+
 ## Features
@@ -18,2 +20,3 @@
 * `data-hide-` and `data-show-` attributes which can be used to show/hide elements depending on the screen size
+* `data-fx-flex` and `data-fx-flex-grow`
 
@@ -25,4 +28,5 @@ ### CSS classes
 * `.fx-layout-` and `.fx-align-` CSS classes to control the flexbox container
-* `.fx-gap-` CSS classes to add margin between the elements in a flex container
+* `.fx-gap--` CSS classes to add margin between the elements in a flex container
 * `.show-` and `.hide-` CSS classes which can be used to show/hide elements depending on the screen size
+* `.fx-flex` and `.fx-glex-grow`
 
@@ -98,4 +102,3 @@ ## Examples
 
-At work I use Angular (and Angular flex-layout) a lot and I've come to like the convenient layout directives Angular flex-layout offers. 
-Recently I found myself creating a plain static website and I wanted to make sure it works without unnecessary JavaScript. As I didn't use Angular or any other JS framework,
-I had to either layout everything in (S)CSS or create a library that tries to provide a similar experience to what I liked from Angular's flex-layout. This was when I created this.
+Initially I created this library because I liked the convenient syntax of Angular flex-layout and wanted to use it in non-Angular projects.
+By now Angular flex-layout has been deprecated and this library can be a replacement for most of the popular parts.

New alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

Fixed alerts

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12522

0.61%

Dev dependency count

1

-75%

Number of package files

11

10%

Number of medium quality alerts

0

-100%

Number of lines in readme file

102

3.03%

Worsened metrics

Number of medium supply chain risk alerts

2

100%

No dependency changes