tailwindcss - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

defaultConfig.js

@@ -207,2 +207,3 @@ /*
       'Helvetica Neue',
+      'sans-serif',
     ],
@@ -724,2 +725,3 @@ 'serif': [
   zIndex: {
+    'auto': 'auto',
     '0': 0,
@@ -731,3 +733,2 @@ '10': 10,
     '50': 50,
-    'auto': 'auto',
   },
@@ -734,0 +735,0 @@

lib/build.js

@@ -26,3 +26,3 @@ 'use strict';
     _fs2.default.readFile(`./css/${filename}.css`, (err, css) => {
-      return (0, _postcss2.default)([(0, _2.default)()]).process(css, {
+      return (0, _postcss2.default)([(0, _2.default)(), require('autoprefixer')]).process(css, {
         from: `./css/${filename}.css`,
@@ -29,0 +29,0 @@ to: `./dist/${filename}.css`,

lib/cli.js

@@ -74,4 +74,8 @@ #!/usr/bin/env node
 _commander2.default.command('init [filename]').usage('[options] [filename]').action(function (filename = 'tailwind.js') {
-  const destination = _path2.default.resolve(filename);
+  let destination = _path2.default.resolve(filename);
 
+  if (!_path2.default.extname(filename).includes('.js')) {
+    destination += '.js';
+  }
+
   if (_fsExtra2.default.existsSync(destination)) {
@@ -78,0 +82,0 @@ console.log(`Destination ${destination} already exists, aborting.`);

lib/generators/spacing.js

@@ -9,5 +9,11 @@ 'use strict';
   return _lodash2.default.flatten([definePadding(padding), defineMargin(margin), (0, _defineClasses2.default)({
+    'mt-auto': {
+      'margin-top': 'auto'
+    },
     'mr-auto': {
       'margin-right': 'auto'
     },
+    'mb-auto': {
+      'margin-bottom': 'auto'
+    },
     'ml-auto': {
@@ -19,2 +25,9 @@ 'margin-left': 'auto'
       'margin-right': 'auto'
+    },
+    'my-auto': {
+      'margin-top': 'auto',
+      'margin-bottom': 'auto'
+    },
+    'm-auto': {
+      'margin': 'auto'
     }
@@ -21,0 +34,0 @@ }), defineNegativeMargin(negativeMargin)]);

lib/index.js

@@ -23,2 +23,6 @@ 'use strict';
 
+var _registerConfigAsDependency = require('./lib/registerConfigAsDependency');
+
+var _registerConfigAsDependency2 = _interopRequireDefault(_registerConfigAsDependency);
+
 var _substitutePreflightAtRule = require('./lib/substitutePreflightAtRule');
@@ -59,11 +63,18 @@
 const plugin = _postcss2.default.plugin('tailwind', config => {
-  if (_lodash2.default.isUndefined(config)) {
-    config = require('../defaultConfig');
-  }
+  const plugins = [];
 
-  if (_lodash2.default.isString(config)) {
-    config = require(_path2.default.resolve(config));
+  if (!_lodash2.default.isUndefined(config)) {
+    plugins.push((0, _registerConfigAsDependency2.default)(_path2.default.resolve(config)));
   }
 
-  return (0, _postcss2.default)([(0, _substitutePreflightAtRule2.default)(config), (0, _evaluateTailwindFunctions2.default)(config), (0, _generateUtilities2.default)(config), (0, _substituteHoverableAtRules2.default)(config), (0, _substituteFocusableAtRules2.default)(config), (0, _substituteResponsiveAtRules2.default)(config), (0, _substituteScreenAtRules2.default)(config), (0, _substituteClassApplyAtRules2.default)(config), _stylefmt2.default]);
+  const lazyConfig = () => {
+    if (_lodash2.default.isUndefined(config)) {
+      return require('../defaultConfig');
+    }
+
+    delete require.cache[require.resolve(_path2.default.resolve(config))];
+    return require(_path2.default.resolve(config));
+  };
+
+  return (0, _postcss2.default)(...plugins, ...[(0, _substitutePreflightAtRule2.default)(lazyConfig), (0, _evaluateTailwindFunctions2.default)(lazyConfig), (0, _generateUtilities2.default)(lazyConfig), (0, _substituteHoverableAtRules2.default)(lazyConfig), (0, _substituteFocusableAtRules2.default)(lazyConfig), (0, _substituteResponsiveAtRules2.default)(lazyConfig), (0, _substituteScreenAtRules2.default)(lazyConfig), (0, _substituteClassApplyAtRules2.default)(lazyConfig), _stylefmt2.default]);
 });
@@ -70,0 +81,0 @@

lib/lib/evaluateTailwindFunctions.js

@@ -7,7 +7,9 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
+  const options = config();
+
   return (0, _postcssFunctions2.default)({
     functions: {
-      config: function (path) {
-        return _lodash2.default.get(options, _lodash2.default.trim(path, `'"`));
+      config: function (path, defaultValue) {
+        return _lodash2.default.get(options, _lodash2.default.trim(path, `'"`), defaultValue);
       }
@@ -14,0 +16,0 @@ }

lib/lib/generateUtilities.js

@@ -7,7 +7,9 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
+
     css.walkAtRules('tailwind', atRule => {
       if (atRule.params === 'utilities') {
-        const utilities = _lodash2.default.flatten([(0, _forms2.default)(options), (0, _textSizes2.default)(options), (0, _textWeights2.default)(options), (0, _textFonts2.default)(options), (0, _textColors2.default)(options), (0, _textLeading2.default)(options), (0, _textTracking2.default)(options), (0, _textAlign2.default)(options), (0, _textWrap2.default)(options), (0, _textStyle2.default)(options), (0, _verticalAlign2.default)(options), (0, _backgroundColors2.default)(options), (0, _backgroundPositions2.default)(options), (0, _backgroundSize2.default)(options), (0, _borderStylesReset2.default)(options), (0, _borderWidths2.default)(options), (0, _borderColors2.default)(options), (0, _borderStyles2.default)(options), (0, _rounded2.default)(options), (0, _display2.default)(options), (0, _position2.default)(options), (0, _overflow2.default)(options), (0, _sizing2.default)(options), (0, _spacing2.default)(options), (0, _shadows2.default)(options), (0, _flex2.default)(options), (0, _floats2.default)(options), (0, _visibility2.default)(options), (0, _zIndex2.default)(options), (0, _opacity2.default)(options), (0, _userSelect2.default)(options), (0, _pointerEvents2.default)(options), (0, _resize2.default)(options), (0, _cursor2.default)(options), (0, _lists2.default)(options)]);
+        const utilities = _lodash2.default.flatten([(0, _lists2.default)(options), (0, _forms2.default)(options), (0, _textSizes2.default)(options), (0, _textWeights2.default)(options), (0, _textFonts2.default)(options), (0, _textColors2.default)(options), (0, _textLeading2.default)(options), (0, _textTracking2.default)(options), (0, _textAlign2.default)(options), (0, _textWrap2.default)(options), (0, _textStyle2.default)(options), (0, _verticalAlign2.default)(options), (0, _backgroundColors2.default)(options), (0, _backgroundPositions2.default)(options), (0, _backgroundSize2.default)(options), (0, _borderStylesReset2.default)(options), (0, _borderWidths2.default)(options), (0, _borderColors2.default)(options), (0, _borderStyles2.default)(options), (0, _rounded2.default)(options), (0, _display2.default)(options), (0, _position2.default)(options), (0, _overflow2.default)(options), (0, _sizing2.default)(options), (0, _spacing2.default)(options), (0, _shadows2.default)(options), (0, _flex2.default)(options), (0, _floats2.default)(options), (0, _visibility2.default)(options), (0, _zIndex2.default)(options), (0, _opacity2.default)(options), (0, _userSelect2.default)(options), (0, _pointerEvents2.default)(options), (0, _resize2.default)(options), (0, _cursor2.default)(options)]);
 
@@ -14,0 +16,0 @@ atRule.before((0, _container2.default)(options));

lib/lib/substituteClassApplyAtRules.js

@@ -7,28 +7,5 @@ 'use strict';
 
-var _postcss = require('postcss');
-
-var _postcss2 = _interopRequireDefault(_postcss);
-
-var _lodash = require('lodash');
-
-var _lodash2 = _interopRequireDefault(_lodash);
-
-var _findMixin = require('../util/findMixin');
-
-var _findMixin2 = _interopRequireDefault(_findMixin);
-
-var _escapeClassName = require('../util/escapeClassName');
-
-var _escapeClassName2 = _interopRequireDefault(_escapeClassName);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function normalizeClassNames(classNames) {
-  return classNames.map(className => {
-    return `.${(0, _escapeClassName2.default)(_lodash2.default.trimStart(className, '.'))}`;
-  });
-}
-
-exports.default = _postcss2.default.plugin('tailwind-apply', function (css) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
     css.walkRules(function (rule) {
@@ -65,2 +42,26 @@ rule.walkAtRules('apply', atRule => {
   };
-});
+};
+
+var _postcss = require('postcss');
+
+var _postcss2 = _interopRequireDefault(_postcss);
+
+var _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _findMixin = require('../util/findMixin');
+
+var _findMixin2 = _interopRequireDefault(_findMixin);
+
+var _escapeClassName = require('../util/escapeClassName');
+
+var _escapeClassName2 = _interopRequireDefault(_escapeClassName);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function normalizeClassNames(classNames) {
+  return classNames.map(className => {
+    return `.${(0, _escapeClassName2.default)(_lodash2.default.trimStart(className, '.'))}`;
+  });
+}

lib/lib/substituteFocusableAtRules.js

@@ -7,4 +7,6 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
+
     css.walkAtRules('focusable', atRule => {
@@ -11,0 +13,0 @@

lib/lib/substituteHoverableAtRules.js

@@ -7,4 +7,6 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
+
     css.walkAtRules('hoverable', atRule => {
@@ -11,0 +13,0 @@

lib/lib/substitutePreflightAtRule.js

@@ -7,4 +7,6 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
+
     css.walkAtRules('tailwind', atRule => {
@@ -11,0 +13,0 @@ if (atRule.params === 'preflight') {

lib/lib/substituteResponsiveAtRules.js

@@ -7,4 +7,5 @@ 'use strict';
 
-exports.default = function ({ screens }) {
+exports.default = function (config) {
   return function (css) {
+    const screens = config().screens;
     const rules = [];
@@ -30,3 +31,6 @@
       }));
-      css.append(mediaQuery);
+
+      if (mediaQuery.nodes.length) {
+        css.append(mediaQuery);
+      }
     });
@@ -33,0 +37,0 @@ };

lib/lib/substituteScreenAtRules.js

@@ -7,4 +7,5 @@ 'use strict';
 
-exports.default = function (options) {
+exports.default = function (config) {
   return function (css) {
+    const options = config();
     const rules = [];
@@ -11,0 +12,0 @@

package.json

 {
   "name": "tailwindcss",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
@@ -21,4 +21,3 @@ "license": "MIT",
     "babelify": "babel src --out-dir lib",
-    "prepare": "npm run babelify",
-    "build": "npm run babelify && babel-node src/build.js",
+    "prepare": "npm run babelify && babel-node src/build.js",
     "watch": "nodemon -e js,css --watch src --exec 'babel-node src/build.js'",
@@ -28,2 +27,3 @@ "test": "jest"
   "devDependencies": {
+    "autoprefixer": "^7.1.6",
     "babel-cli": "^6.6.5",
@@ -30,0 +30,0 @@ "babel-core": "^6.7.2",

README.md

 # Tailwind CSS
 
+[ ![Codeship Status for tailwindcss/tailwindcss](https://app.codeship.com/projects/cdd4ad20-a319-0135-c87c-02251d502cd2/status?branch=master)](https://app.codeship.com/projects/254859)
+
 A utility-first CSS framework for rapidly building custom user interfaces.
@@ -4,0 +6,0 @@

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

Improved metrics

Total package byte prevSize

1386769

increased by2.37%

Lines of code

26907

increased by2.01%

Number of lines in readme file

10

increased by25%

Worsened metrics

Dev dependency count

11

increased by10%

Number of low supply chain risk alerts

10

increased by25%

No dependency changes