From 61e51d9f62406aa6678e8c49ce6c11b7e9abd6a0 Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 18:18:10 +0800 Subject: [PATCH 1/7] Change dark-placeholder css-prefix to dark Change dark-placeholder css-prefix to dark on return value, to be use specific for `placeholder` --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index 17f0a63..63e8d0e 100644 --- a/index.js +++ b/index.js @@ -51,7 +51,7 @@ module.exports = function() { addVariant('dark-placeholder', ({modifySelectors, separator}) => { modifySelectors(({className}) => { - return `${darkSelector} .${e(`dark-placeholder${separator}${className}`)}::placeholder`; + return `${darkSelector} .${e(`dark{separator}${className}`)}::placeholder`; }); }); }; From 497e046541fc3a8ab6fcd8e93861608f3042b10f Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 18:18:36 +0800 Subject: [PATCH 2/7] Upgrade version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index ee12c02..542e7de 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "tailwindcss-dark-mode", "description": "A Tailwind CSS plugin that adds variants for dark mode", - "version": "1.1.4", + "version": "1.1.5", "author": "Chance Arthur", "license": "MIT", "copyright": "Chance Arthur", From 41d7cac144693ccc12ff4d5f9653f6d90da96da5 Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 18:20:52 +0800 Subject: [PATCH 3/7] Update version 1.1.6 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 542e7de..7fdc033 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "tailwindcss-dark-mode", "description": "A Tailwind CSS plugin that adds variants for dark mode", - "version": "1.1.5", + "version": "1.1.6", "author": "Chance Arthur", "license": "MIT", "copyright": "Chance Arthur", From eca36f5f12d36a9678999feb456400fd0c25ec8c Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 18:22:29 +0800 Subject: [PATCH 4/7] Fix: missing $ on {separator} for dark-placeholder --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index 63e8d0e..1d957f0 100644 --- a/index.js +++ b/index.js @@ -51,7 +51,7 @@ module.exports = function() { addVariant('dark-placeholder', ({modifySelectors, separator}) => { modifySelectors(({className}) => { - return `${darkSelector} .${e(`dark{separator}${className}`)}::placeholder`; + return `${darkSelector} .${e(`dark${separator}${className}`)}::placeholder`; }); }); }; From 3d80bc40c0e20bf401ba80c6b1a3af4337c9805c Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 18:37:19 +0800 Subject: [PATCH 5/7] New: dark-divide variant specific for divide-color New: dark-divide variant specific for divide-color-{x} utility --- index.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/index.js b/index.js index 1d957f0..2d7f645 100644 --- a/index.js +++ b/index.js @@ -54,5 +54,11 @@ module.exports = function() { return `${darkSelector} .${e(`dark${separator}${className}`)}::placeholder`; }); }); + + addVariant('dark-divide', ({modifySelectors, separator}) => { + modifySelectors(({className}) => { + return `${darkSelector} .${e(`dark${separator}${className}`)} > :not(template) ~ :not(template)`; + }); + }); }; }; From 17a47816f8919f425c261d1de56c25de1e776e33 Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 19:04:19 +0800 Subject: [PATCH 6/7] Update readme with dark-placeholder & dark-divide Update readme with dark-placeholder (updated) & dark-divide manual --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3370c52..ec677a3 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,7 @@ Variants for dark mode are based on [Tailwind's own variants](https://tailwindcs - `dark-even` - `dark-odd` - `dark-placeholder` +- `dark-divide` ... and are used in the same way. @@ -54,7 +55,9 @@ As with existing variants such as `hover` and `focus`, variants for dark mode mu variants: { backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'], borderColor: ['dark', 'dark-focus', 'dark-focus-within'], - textColor: ['dark', 'dark-hover', 'dark-active', 'dark-placeholder'] + textColor: ['dark', 'dark-hover', 'dark-active', 'dark-placeholder'], + placeholderColor: ['responsive', 'focus', 'dark-placeholder'], + divideColor: ['responsive', 'dark-divide'] } ``` From c1d042e64fcf303306ca28f69690e323d3661c69 Mon Sep 17 00:00:00 2001 From: Abdus Fauzi Date: Fri, 24 Apr 2020 19:05:36 +0800 Subject: [PATCH 7/7] Remove dark-placeholder from textColor --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ec677a3..fd66811 100644 --- a/README.md +++ b/README.md @@ -55,7 +55,7 @@ As with existing variants such as `hover` and `focus`, variants for dark mode mu variants: { backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'], borderColor: ['dark', 'dark-focus', 'dark-focus-within'], - textColor: ['dark', 'dark-hover', 'dark-active', 'dark-placeholder'], + textColor: ['dark', 'dark-hover', 'dark-active'], placeholderColor: ['responsive', 'focus', 'dark-placeholder'], divideColor: ['responsive', 'dark-divide'] }