tailwind-bootstrap-grid - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

CHANGELOG.md

@@ -5,2 +5,10 @@ # Changelog
 
+## [3.2.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.1.0...v3.2.0) (2021-03-03)
+
+
+### Features
+
+* add support for important config option ([75be2c1](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/75be2c123aa7806b89afe60fe6140c2a525c16eb)), closes [#71](https://github.com/karolis-sh/tailwind-bootstrap-grid/issues/71)
+* add TailwindCSS 2 support ([084772c](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/084772c43fb99517c4bef9882de9348b595a27e5))
+
 ## [3.1.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.0.1...v3.1.0) (2020-11-04)
@@ -7,0 +15,0 @@

lib/index.js

@@ -25,2 +25,3 @@ const _ = require('lodash');
   const cssSeparator = config('separator') || '';
+  const important = config('important');
 
@@ -72,2 +73,4 @@ const {
 
+  const setImportant = (value) => (important && value != null ? `${value} !important` : value);
+
   {
@@ -81,8 +84,8 @@ // =============================================================================================
           '.container': {
-            width: '100%',
-            marginRight: 'auto',
-            marginLeft: 'auto',
+            width: setImportant('100%'),
+            marginRight: setImportant('auto'),
+            marginLeft: setImportant('auto'),
             ...getSpacing(gridGutterWidth, (spacing) => ({
-              paddingRight: spacing,
-              paddingLeft: spacing,
+              paddingRight: setImportant(spacing),
+              paddingLeft: setImportant(spacing),
             })),
@@ -94,6 +97,6 @@ },
             '.container': {
-              maxWidth: containerMaxWidths[name] || screens[name],
+              maxWidth: setImportant(containerMaxWidths[name] || screens[name]),
               ...getSpacing(gridGutterWidths[name], (spacing) => ({
-                paddingRight: spacing,
-                paddingLeft: spacing,
+                paddingRight: setImportant(spacing),
+                paddingLeft: setImportant(spacing),
               })),
@@ -109,9 +112,9 @@ },
             [prefix('.container-fluid')]: {
-              width: '100%',
+              width: setImportant('100%'),
               ...getSpacing(gridGutterWidth, (spacing) => ({
-                paddingRight: spacing,
-                paddingLeft: spacing,
+                paddingRight: setImportant(spacing),
+                paddingLeft: setImportant(spacing),
               })),
-              marginRight: 'auto',
-              marginLeft: 'auto',
+              marginRight: setImportant('auto'),
+              marginLeft: setImportant('auto'),
             },
@@ -125,4 +128,4 @@ },
                       [prefix('.container-fluid')]: {
-                        paddingRight: spacing,
-                        paddingLeft: spacing,
+                        paddingRight: setImportant(spacing),
+                        paddingLeft: setImportant(spacing),
                       },
@@ -136,9 +139,9 @@ },
                       [`.${screenPrefixes[index]}${cssPrefix}container-fluid`]: {
-                        width: '100%',
+                        width: setImportant('100%'),
                         ...getSpacing(gridGutterWidths[name], (spacing) => ({
-                          paddingRight: spacing,
-                          paddingLeft: spacing,
+                          paddingRight: setImportant(spacing),
+                          paddingLeft: setImportant(spacing),
                         })),
-                        marginRight: 'auto',
-                        marginLeft: 'auto',
+                        marginRight: setImportant('auto'),
+                        marginLeft: setImportant('auto'),
                       },
@@ -196,7 +199,7 @@ },
           [prefix('.row.no-gutters')]: {
-            marginRight: 0,
-            marginLeft: 0,
+            marginRight: setImportant(0),
+            marginLeft: setImportant(0),
             [allColSelector]: {
-              paddingRight: 0,
-              paddingLeft: 0,
+              paddingRight: setImportant(0),
+              paddingLeft: setImportant(0),
             },
@@ -203,0 +206,0 @@ },

package.json

 {
   "name": "tailwind-bootstrap-grid",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Tailwind CSS plugin to generate Bootstrap flexbox grid system.",
@@ -34,6 +34,6 @@ "keywords": [
     "lint": "run-p lint:*",
-    "lint:js": "eslint .",
+    "lint:js": "eslint . --cache",
     "lint:md": "markdownlint-cli2 '**/*.md' '!node_modules' '!**/node_modules' '!**/CHANGELOG.md'",
     "qa": "run-p test lint",
-    "release": "yarn && run-s clean build qa && standard-version && git push --follow-tags && npm publish",
+    "release": "yarn && run-s clean build qa && standard-version --no-verify && git push --follow-tags --no-verify && npm publish",
     "start": "cross-env NODE_ENV=development webpack-dev-server --hot --config demo/webpack.config.js",
@@ -76,5 +76,6 @@ "tdd": "npm test -- --watch",
     "@babel/preset-react": "^7.0.0",
-    "@k.sh/eslint-config": "^1.18.1",
+    "@k.sh/eslint-config": "^1.21.0",
     "@mdx-js/loader": "^0.20.3",
     "@mdx-js/tag": "^0.20.3",
+    "autoprefixer": "^10.2.4",
     "babel-eslint": "^10.1.0",
@@ -90,9 +91,9 @@ "babel-loader": "^8.0.6",
     "husky": "^4.3.0",
-    "jest": "^26.5.3",
-    "lint-staged": "^10.4.0",
-    "markdownlint-cli2": "^0.0.10",
+    "jest": "^26.6.3",
+    "lint-staged": "^10.5.4",
+    "markdownlint-cli2": "^0.0.14",
     "npm-run-all": "^4.1.5",
-    "postcss": "^7.0.18",
+    "postcss": "^8.2.6",
     "postcss-loader": "^3.0.0",
-    "pretty-quick": "^3.0.2",
+    "pretty-quick": "^3.1.0",
     "prop-types": "^15.7.2",
@@ -106,6 +107,6 @@ "react": "^16.9.0",
     "serve": "^11.3.2",
-    "sort-package-json": "^1.46.0",
+    "sort-package-json": "^1.49.0",
     "standard-version": "^9.0.0",
     "stylefmt": "^6.0.3",
-    "tailwindcss": "1.9.6",
+    "tailwindcss": "^2.0.3",
     "webpack": "^4.39.3",
@@ -116,4 +117,4 @@ "webpack-cli": "^3.3.8",
   "peerDependencies": {
-    "tailwindcss": "^1 || ^1.0.0-beta"
+    "tailwindcss": "^2 || ^1 || ^1.0.0-beta"
   }
 }

README.md

@@ -34,3 +34,3 @@ # tailwind-bootstrap-grid
 ```css
-@tailwind preflight;
+@tailwind base;
 @tailwind components;
@@ -52,2 +52,3 @@ @tailwind utilities;
 - ✅ custom prefix
+- ✅ important
 - ✅ responsive gutters
@@ -54,0 +55,0 @@ - ✅ rtl support

No alert changes

Improved metrics

Total package byte prevSize

23001

4.8%

Lines of code

316

0.64%

Number of lines in readme file

94

1.08%

Worsened metrics

Dev dependency count

39

2.63%

No dependency changes