funkcss - npm Package Compare versions

Comparing version 0.4.1 to 0.5.1

CHANGELOG.md

@@ -0,1 +1,16 @@
+## [v0.5.1]
+#### Added:
+- Travis CI
+- funkcss-immutable
+
+#### Changed:
+- Border width prefix - `.bd` ⇢ `.bdw`
+- Flex width prefix - `.flx` ⇢ `.fx`
+- Order width prefix - `.order` ⇢ `.ord`
+- Responsive state helpers more a11y, [see](https://github.com/filipelinhares/funkcss/commit/a46605679f59b0b3fa1c41ade0bcd429d47ae040)
+
+#### Removed:
+- Align helpers. Use flexbox instead
+- Remove `.list-inline`. You can use d-ib in each list item if you want the same effect
+
 ## [v0.4.0]
@@ -2,0 +17,0 @@ #### Added:

gulpfile.js

@@ -21,5 +21,6 @@ var gulp = require('gulp');
 gulp.task('postcss', ['clean'], function () {
-  return gulp.src('lib/funk.css')
+  return gulp.src('lib/index.css')
     .pipe(postcss(postCSSArray))
     .pipe(rename({
+      basename: 'funkcss',
       suffix: '.min'
@@ -30,6 +31,17 @@ }))
 
+gulp.task('immutable', ['clean' ,'postcss'], function () {
+  return gulp.src('dist/funkcss.min.css')
+    .pipe(postcss([require('postcss-importantly')]))
+    .pipe(rename({
+      prefix: 'funkcss-',
+      basename: 'immutable',
+      suffix: '.min'
+    }))
+    .pipe(gulp.dest('dist/'))
+});
+
 gulp.task('watch', function() {
-  gulp.watch('lib/*.css', ['postcss']);
+  gulp.watch('lib/*.css', ['postcss', 'immutable']);
 });
 
-gulp.task('default', ['postcss'] )
+gulp.task('default', ['postcss', 'immutable'] )

package.json

 {
   "name": "funkcss",
-  "version": "0.4.1",
+  "version": "0.5.1",
   "description": "Functional CSS",
@@ -31,2 +31,3 @@ "repository": {
     "postcss-import": "^8.1.0",
+    "postcss-importantly": "0.0.7",
     "postcss-nested": "^1.0.0",
@@ -33,0 +34,0 @@ "postcss-reporter": "^1.3.3",

README.md

@@ -1,7 +0,16 @@
-<h1 align="center">
-	<img src="images/logo.png" alt="funkcss">
-</h1>
+![funkcss](images/logo.png)
 
 [![funkcss npm](https://img.shields.io/npm/v/funkcss.svg)](https://www.npmjs.com/package/funkcss) [![Build Status](https://travis-ci.org/filipelinhares/funkcss.svg?branch=master)](https://travis-ci.org/filipelinhares/funkcss)
 
+<img src="images/father.png" align="right" alt="A father" />
+
+<img src="images/futuristic.png" align="right" alt="a robot"/>
+
+<img src="images/handly.png" align="right" alt="a remote control"/>
+
+- Following emmet naming convention: `.ta-c` is `text-align: center;` make it is easy to type.
+- Funkcss uses PostCSS to use the new cool features of css.
+- In just 18.5KBs you get a complete CSS toolkit.
+
+
 ## Development
@@ -8,0 +17,0 @@

No alert changes

Improved metrics

Number of package files

24

14.29%

Lines of code

416

0.24%

Number of lines in readme file

29

45%

Worsened metrics

Total package byte prevSize

76380

-8.69%

Dev dependency count

13

8.33%

No dependency changes