Merge pull request #1 from vinkashq/container

DEV: add custom container config map

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vinkas/tailwindcss",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Tailwind CSS plugin for Vinkas",
   "main": "src/index.js",
   "publishConfig": {

src/config/container.js

@@ -0,0 +1,11 @@
+module.exports = {
+  center: true,
+  padding: {
+    DEFAULT: '1rem',
+    sm: '2rem',
+    md: '3rem',
+    lg: '4rem',
+    xl: '5rem',
+    '2xl': '6rem',
+  },
+};

src/index.js

@@ -4,9 +4,6 @@ const colorUtilities = require('./utilities/colors')
 module.exports = plugin(
   function ({ addUtilities, matchUtilities, theme }) {
     addUtilities({
-      '.container': {
-        '@apply mx-auto': {},
-      },
       ...require('./utilities/buttons'),
       ...colorUtilities(theme('colors')),
     })
@@ -42,3 +39,4 @@ module.exports = plugin(
 
 module.exports.vinkasColors = require('./colors/vinkas');
 module.exports.singfuseColors = require('./colors/singfuse');
+module.exports.containerConfig = require('./config/container');

tests/test.js

@@ -15,23 +15,6 @@ const config = {
   plugins: [plugin],
 };
 
-let containerExpected = `
-.container {
-    margin-left: auto;
-    margin-right: auto
-}
-`
-
-it('container', () => {
-  config.content[0].raw = "container"
-  let utilitiesCSS = postcss([require("tailwindcss")(config)]).process(
-    "@tailwind utilities",
-    { from: undefined }
-  ).then(({ css }) => {
-    expect(css).toBe(containerExpected.trim())
-  })
-})
-
 let rowExpected = `
 .row-0 {
     padding-top: 0px;