tailwindcss - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

defaultConfig.stub.js

@@ -477,2 +477,3 @@ /*
     '4': '1rem',
+    '5': '1.25rem',
     '6': '1.5rem',
@@ -525,2 +526,3 @@ '8': '2rem',
     '4': '1rem',
+    '5': '1.25rem',
     '6': '1.5rem',
@@ -652,4 +654,11 @@ '8': '2rem',
     '4': '1rem',
+    '5': '1.25rem',
     '6': '1.5rem',
     '8': '2rem',
+    '10': '2.5rem',
+    '12': '3rem',
+    '16': '4rem',
+    '20': '5rem',
+    '24': '6rem',
+    '32': '8rem',
   },
@@ -681,4 +690,11 @@
     '4': '1rem',
+    '5': '1.25rem',
     '6': '1.5rem',
     '8': '2rem',
+    '10': '2.5rem',
+    '12': '3rem',
+    '16': '4rem',
+    '20': '5rem',
+    '24': '6rem',
+    '32': '8rem',
   },
@@ -709,4 +725,11 @@
     '4': '1rem',
+    '5': '1.25rem',
     '6': '1.5rem',
     '8': '2rem',
+    '10': '2.5rem',
+    '12': '3rem',
+    '16': '4rem',
+    '20': '5rem',
+    '24': '6rem',
+    '32': '8rem',
   },
@@ -736,2 +759,3 @@
     'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
+    'outline': '2px solid rgba(52,144,220,0.5)',
     'none': 'none',
@@ -847,7 +871,8 @@ },
     backgroundAttachment: ['responsive'],
-    backgroundColors: ['responsive', 'hover'],
+    backgroundColors: ['responsive', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
-    borderColors: ['responsive', 'hover'],
+    borderCollapse: [],
+    borderColors: ['responsive', 'hover', 'focus'],
     borderRadius: ['responsive'],
@@ -861,3 +886,3 @@ borderStyle: ['responsive'],
     fonts: ['responsive'],
-    fontWeights: ['responsive', 'hover'],
+    fontWeights: ['responsive', 'hover', 'focus'],
     height: ['responsive'],
@@ -873,2 +898,3 @@ leading: ['responsive'],
     opacity: ['responsive'],
+    outline: ['focus'],
     overflow: ['responsive'],
@@ -879,9 +905,9 @@ padding: ['responsive'],
     resize: ['responsive'],
-    shadows: ['responsive'],
+    shadows: ['responsive', 'hover', 'focus'],
     svgFill: [],
     svgStroke: [],
     textAlign: ['responsive'],
-    textColors: ['responsive', 'hover'],
+    textColors: ['responsive', 'hover', 'focus'],
     textSizes: ['responsive'],
-    textStyle: ['responsive', 'hover'],
+    textStyle: ['responsive', 'hover', 'focus'],
     tracking: ['responsive'],
@@ -888,0 +914,0 @@ userSelect: ['responsive'],

lib/generators/overflow.js

@@ -15,2 +15,6 @@ 'use strict';
     'overflow-y-auto': { 'overflow-y': 'auto' },
+    'overflow-x-hidden': { 'overflow-x': 'hidden' },
+    'overflow-y-hidden': { 'overflow-y': 'hidden' },
+    'overflow-x-visible': { 'overflow-x': 'visible' },
+    'overflow-y-visible': { 'overflow-y': 'visible' },
     'overflow-x-scroll': { 'overflow-x': 'scroll' },
@@ -17,0 +21,0 @@ 'overflow-y-scroll': { 'overflow-y': 'scroll' },

lib/lib/substituteResponsiveAtRules.js

@@ -29,3 +29,5 @@ 'use strict';
         const cloned = rule.clone();
-        cloned.selectors = _lodash2.default.map(rule.selectors, selector => (0, _buildClassVariant2.default)(selector, screen, separator));
+        cloned.selectors = _lodash2.default.map(rule.selectors, selector => (0, _buildSelectorVariant2.default)(selector, screen, separator, message => {
+          throw rule.error(message);
+        }));
         return cloned;
@@ -75,6 +77,6 @@ }));
 
-var _buildClassVariant = require('../util/buildClassVariant');
+var _buildSelectorVariant = require('../util/buildSelectorVariant');
 
-var _buildClassVariant2 = _interopRequireDefault(_buildClassVariant);
+var _buildSelectorVariant2 = _interopRequireDefault(_buildSelectorVariant);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/lib/substituteVariantsAtRules.js

@@ -41,5 +41,5 @@ 'use strict';
 
-var _buildClassVariant = require('../util/buildClassVariant');
+var _buildSelectorVariant = require('../util/buildSelectorVariant');
 
-var _buildClassVariant2 = _interopRequireDefault(_buildClassVariant);
+var _buildSelectorVariant2 = _interopRequireDefault(_buildSelectorVariant);
 
@@ -49,3 +49,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function buildPseudoClassVariant(selector, pseudoClass, separator) {
-  return `${(0, _buildClassVariant2.default)(selector, pseudoClass, separator)}:${pseudoClass}`;
+  return `${(0, _buildSelectorVariant2.default)(selector, pseudoClass, separator)}:${pseudoClass}`;
 }
@@ -70,3 +70,3 @@
     cloned.walkRules(rule => {
-      rule.selector = `.group:hover ${(0, _buildClassVariant2.default)(rule.selector, 'group-hover', separator)}`;
+      rule.selector = `.group:hover ${(0, _buildSelectorVariant2.default)(rule.selector, 'group-hover', separator)}`;
     });
@@ -73,0 +73,0 @@

lib/util/escapeClassName.js

@@ -7,4 +7,11 @@ 'use strict';
 exports.default = escapeClassName;
+
+var _css = require('css.escape');
+
+var _css2 = _interopRequireDefault(_css);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function escapeClassName(className) {
-  return className.replace(/([^A-Za-z0-9\-])/g, '\\$1');
+  return (0, _css2.default)(className);
 }

lib/utilityModules.js

@@ -35,2 +35,6 @@ 'use strict';
 
+var _borderCollapse = require('./generators/borderCollapse');
+
+var _borderCollapse2 = _interopRequireDefault(_borderCollapse);
+
 var _borderColors = require('./generators/borderColors');
@@ -112,2 +116,6 @@
 
+var _outline = require('./generators/outline');
+
+var _outline2 = _interopRequireDefault(_outline);
+
 var _overflow = require('./generators/overflow');
@@ -191,2 +199,2 @@
 
-exports.default = [{ name: 'lists', generator: _lists2.default }, { name: 'appearance', generator: _appearance2.default }, { name: 'backgroundAttachment', generator: _backgroundAttachment2.default }, { name: 'backgroundColors', generator: _backgroundColors2.default }, { name: 'backgroundPosition', generator: _backgroundPosition2.default }, { name: 'backgroundRepeat', generator: _backgroundRepeat2.default }, { name: 'backgroundSize', generator: _backgroundSize2.default }, { name: 'borderColors', generator: _borderColors2.default }, { name: 'borderRadius', generator: _borderRadius2.default }, { name: 'borderStyle', generator: _borderStyle2.default }, { name: 'borderWidths', generator: _borderWidths2.default }, { name: 'cursor', generator: _cursor2.default }, { name: 'display', generator: _display2.default }, { name: 'flexbox', generator: _flexbox2.default }, { name: 'float', generator: _float2.default }, { name: 'fonts', generator: _fonts2.default }, { name: 'fontWeights', generator: _fontWeights2.default }, { name: 'height', generator: _height2.default }, { name: 'leading', generator: _leading2.default }, { name: 'margin', generator: _margin2.default }, { name: 'maxHeight', generator: _maxHeight2.default }, { name: 'maxWidth', generator: _maxWidth2.default }, { name: 'minHeight', generator: _minHeight2.default }, { name: 'minWidth', generator: _minWidth2.default }, { name: 'negativeMargin', generator: _negativeMargin2.default }, { name: 'opacity', generator: _opacity2.default }, { name: 'overflow', generator: _overflow2.default }, { name: 'padding', generator: _padding2.default }, { name: 'pointerEvents', generator: _pointerEvents2.default }, { name: 'position', generator: _position2.default }, { name: 'resize', generator: _resize2.default }, { name: 'shadows', generator: _shadows2.default }, { name: 'svgFill', generator: _svgFill2.default }, { name: 'svgStroke', generator: _svgStroke2.default }, { name: 'textAlign', generator: _textAlign2.default }, { name: 'textColors', generator: _textColors2.default }, { name: 'textSizes', generator: _textSizes2.default }, { name: 'textStyle', generator: _textStyle2.default }, { name: 'tracking', generator: _tracking2.default }, { name: 'userSelect', generator: _userSelect2.default }, { name: 'verticalAlign', generator: _verticalAlign2.default }, { name: 'visibility', generator: _visibility2.default }, { name: 'whitespace', generator: _whitespace2.default }, { name: 'width', generator: _width2.default }, { name: 'zIndex', generator: _zIndex2.default }];
+exports.default = [{ name: 'lists', generator: _lists2.default }, { name: 'appearance', generator: _appearance2.default }, { name: 'backgroundAttachment', generator: _backgroundAttachment2.default }, { name: 'backgroundColors', generator: _backgroundColors2.default }, { name: 'backgroundPosition', generator: _backgroundPosition2.default }, { name: 'backgroundRepeat', generator: _backgroundRepeat2.default }, { name: 'backgroundSize', generator: _backgroundSize2.default }, { name: 'borderCollapse', generator: _borderCollapse2.default }, { name: 'borderColors', generator: _borderColors2.default }, { name: 'borderRadius', generator: _borderRadius2.default }, { name: 'borderStyle', generator: _borderStyle2.default }, { name: 'borderWidths', generator: _borderWidths2.default }, { name: 'cursor', generator: _cursor2.default }, { name: 'display', generator: _display2.default }, { name: 'flexbox', generator: _flexbox2.default }, { name: 'float', generator: _float2.default }, { name: 'fonts', generator: _fonts2.default }, { name: 'fontWeights', generator: _fontWeights2.default }, { name: 'height', generator: _height2.default }, { name: 'leading', generator: _leading2.default }, { name: 'margin', generator: _margin2.default }, { name: 'maxHeight', generator: _maxHeight2.default }, { name: 'maxWidth', generator: _maxWidth2.default }, { name: 'minHeight', generator: _minHeight2.default }, { name: 'minWidth', generator: _minWidth2.default }, { name: 'negativeMargin', generator: _negativeMargin2.default }, { name: 'opacity', generator: _opacity2.default }, { name: 'outline', generator: _outline2.default }, { name: 'overflow', generator: _overflow2.default }, { name: 'padding', generator: _padding2.default }, { name: 'pointerEvents', generator: _pointerEvents2.default }, { name: 'position', generator: _position2.default }, { name: 'resize', generator: _resize2.default }, { name: 'shadows', generator: _shadows2.default }, { name: 'svgFill', generator: _svgFill2.default }, { name: 'svgStroke', generator: _svgStroke2.default }, { name: 'textAlign', generator: _textAlign2.default }, { name: 'textColors', generator: _textColors2.default }, { name: 'textSizes', generator: _textSizes2.default }, { name: 'textStyle', generator: _textStyle2.default }, { name: 'tracking', generator: _tracking2.default }, { name: 'userSelect', generator: _userSelect2.default }, { name: 'verticalAlign', generator: _verticalAlign2.default }, { name: 'visibility', generator: _visibility2.default }, { name: 'whitespace', generator: _whitespace2.default }, { name: 'width', generator: _width2.default }, { name: 'zIndex', generator: _zIndex2.default }];

package.json

 {
   "name": "tailwindcss",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
+  "style": "dist/tailwind.css",
   "repository": "https://github.com/tailwindcss/tailwindcss.git",
@@ -46,4 +47,5 @@ "bugs": "https://github.com/tailwindcss/tailwindcss/issues",
     "commander": "^2.11.0",
+    "css.escape": "^1.5.1",
     "fs-extra": "^4.0.2",
-    "lodash": "^4.17.4",
+    "lodash": "^4.17.5",
     "perfectionist": "^2.4.0",
@@ -50,0 +52,0 @@ "postcss": "^6.0.9",

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

2032401

increased by37.9%

Number of package files

108

increased by1.89%

Lines of code

46401

increased by37.58%

Worsened metrics

Dependency count

10

increased by11.11%

Dependency changes

• + Addedcss.escape@^1.5.1

• + Addedcss.escape@1.5.1(transitive)

• Updatedlodash@^4.17.5