tailwind-bootstrap-grid - npm Package Compare versions

Comparing version 2.0.2 to 2.1.0

CHANGELOG.md

@@ -5,2 +5,16 @@ # Changelog
 
+## [2.1.0](https://github.com/buz-zard/tailwind-bootstrap-grid/compare/v2.0.2...v2.1.0) (2019-06-06)
+
+### Bug Fixes
+
+- remove redundant new lines from output ([703bfea](https://github.com/buz-zard/tailwind-bootstrap-grid/commit/703bfea))
+
+### Features
+
+- **prefix:** add custom prefix support ([3f29370](https://github.com/buz-zard/tailwind-bootstrap-grid/commit/3f29370)), closes [#5](https://github.com/buz-zard/tailwind-bootstrap-grid/issues/5)
+
+### Tests
+
+- update test setup ([9cd4613](https://github.com/buz-zard/tailwind-bootstrap-grid/commit/9cd4613))
+
 ### [2.0.2](https://github.com/buz-zard/tailwind-bootstrap-grid/compare/v2.0.0...v2.0.2) (2019-05-14)
@@ -12,4 +26,2 @@
 
-### [2.0.1](https://github.com/buz-zard/tailwind-bootstrap-grid/compare/v2.0.0...v2.0.1) (2019-05-14)
-
 ## [2.0.0](https://github.com/buz-zard/tailwind-bootstrap-grid/compare/v1.2.0...v2.0.0) (2019-05-14)
@@ -28,5 +40,1 @@
 - **tailwind:** Drop tailwind 0.x.x version support
-
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

index.js

@@ -25,5 +25,8 @@ const _ = require('lodash');
 } = {}) => options => {
-  const { addUtilities, addComponents, config, e } = options;
+  const { addUtilities, addComponents, config, prefix, e } = options;
   const screens = config('theme.screens');
   const cssSeparator = config('separator');
+  const cssPrefix = prefix('.x')
+    .replace(/^\./, '')
+    .replace(/x$/, '');
 
@@ -100,19 +103,22 @@ const screenPrefixes = Object.keys(screens).map(item => e(`${item}${cssSeparator}`));
       const allColSelector = `${[
-        '& > .col',
-        ...screenPrefixes.map(item => `\n& > .${item}col`),
-      ].join(',\n')},\n${[
-        '& > [class*="col-"]',
-        screenPrefixes.map(item => `\n& > [class*="${item}col-"]`),
-      ].join(',\n')}`;
+        `& > ${prefix('.col')}`,
+        ...screenPrefixes.map(item => `& > .${item}${cssPrefix}col`),
+      ].join(',\n')},${[
+        `& > [class*="${cssPrefix}col-"]`,
+        screenPrefixes.map(item => `& > [class*="${item}${cssPrefix}col-"]`),
+      ].join(',')}`;
 
-      addComponents({
-        '.row.no-gutters': {
-          marginRight: 0,
-          marginLeft: 0,
-          [allColSelector]: {
-            paddingRight: 0,
-            paddingLeft: 0,
+      addComponents(
+        {
+          [prefix('.row.no-gutters')]: {
+            marginRight: 0,
+            marginLeft: 0,
+            [allColSelector]: {
+              paddingRight: 0,
+              paddingLeft: 0,
+            },
           },
         },
-      });
+        { respectPrefix: false }
+      );
     }
@@ -127,19 +133,22 @@ }
       ['col', 'col-auto', ...columns.map(size => `col-${size}`)].map(item => [
-        `.${item}`,
-        ...screenPrefixes.map(screenPrefix => `.${screenPrefix}${item}`),
+        `.${cssPrefix}${item}`,
+        ...screenPrefixes.map(screenPrefix => `.${screenPrefix}${cssPrefix}${item}`),
       ])
     );
 
-    addUtilities([
-      {
-        [allColumnClasses.join(',\n')]: {
-          position: 'relative',
-          width: '100%',
-          ...spacingCSS({
-            paddingRight: spacing,
-            paddingLeft: spacing,
-          }),
+    addUtilities(
+      [
+        {
+          [allColumnClasses.join(',\n')]: {
+            position: 'relative',
+            width: '100%',
+            ...spacingCSS({
+              paddingRight: spacing,
+              paddingLeft: spacing,
+            }),
+          },
         },
-      },
-    ]);
+      ],
+      { respectPrefix: false }
+    );
 
@@ -146,0 +155,0 @@ addUtilities(

package.json

 {
   "name": "tailwind-bootstrap-grid",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Tailwindcss plugin to generate Bootstrap flexbox grid system.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -47,4 +47,4 @@ # tailwind-bootstrap-grid
 - ✅ custom separator
-- 🚧 custom prefix (`no-gutters` class doesn't fully support it)
-- ✅ rtl
+- ✅ custom prefix
+- ✅ rtl support
 
@@ -51,0 +51,0 @@ ## Options

No alert changes

Improved metrics

Total package byte prevSize

15159

3.61%

Lines of code

205

4.59%

No dependency changes