From 9ca242f40eb158ca4f908602c3274863fed2f5ce Mon Sep 17 00:00:00 2001 From: DamsFX Date: Sat, 11 Dec 2021 16:56:59 +0100 Subject: [PATCH] Update for tailwind v3 --- README.md | 2 +- index.js | 32 -------------------------------- package.json | 10 +++++----- 3 files changed, 6 insertions(+), 38 deletions(-) diff --git a/README.md b/README.md index 816c9e7..bb8c773 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # Tailwind CSS Breakpoints Inspector A Tailwind CSS plugin that shows the currently 'active' responsive breakpoint. - + ## Install diff --git a/index.js b/index.js index 0b293ff..3161fd7 100644 --- a/index.js +++ b/index.js @@ -1,35 +1,3 @@ -/* -export default function({addBase, theme}) { - if (process.env.NODE_ENV === "production") return - - const screens = theme('screens', {}) - const breakpoints = Object.keys(screens) - - addBase({ - 'body::after': { - content: `"Current breakpoint default (< ${screens[breakpoints[0]]})"`, - position: 'fixed', - right: '.5rem', // could replace with theme('spacing.2', '.5rem'), same for most of the other values - bottom: '.5rem', - padding: '.5rem .5rem .5rem 2rem', - background: 'no-repeat .5rem center / 1.25rem url(https://tailwindcss.com/favicon-32x32.png), #edf2f7', - border: '1px solid #cbd5e0', - color: '#d53f8c', - fontSize: '.875rem', - fontWeight: '600', - zIndex: '99999', - }, - ...breakpoints.reduce((acc, current) => { - acc[`@media (min-width: ${screens[current]})`] = { - 'body::after': { - content: `"Current breakpoint ${current}"` - } - } - return acc - }, {}) - }) -} -*/ module.exports = function ({ addComponents, diff --git a/package.json b/package.json index 98030db..6283c87 100644 --- a/package.json +++ b/package.json @@ -1,17 +1,17 @@ { "name": "tailwindcss-breakpoints-inscpector", - "version": "1.0.0", + "version": "1.1.0", "description": "A Tailwind CSS component that shows the currently active breakpoint.", "main": "index.js", "author": "Damien MATHIEU", "license": "MIT", "repository": { "type": "git", - "url": "https://github.com/hounddd/tailwindcss-breakpoint-inscpector.git" + "url": "https://github.com/Hounddd/tailwindcss-breakpoint-inscpector.git" }, - "homepage": "https://github.com/hounddd/tailwindcss-breakpoint-inscpector", - "bugs": "https://github.com/hounddd/tailwindcss-breakpoint-inscpector/issues", + "homepage": "https://github.com/Hounddd/tailwindcss-breakpoint-inscpector", + "bugs": "https://github.com/Hounddd/tailwindcss-breakpoint-inscpector/issues", "peerDependencies": { - "tailwindcss": "^1.0 || ^2.0" + "tailwindcss": "^1.0 || ^2.0 || ^3.0" } }