https://github.com/vltansky/postcss-ng-tailwind-in-components

https://github.com/vltansky/postcss-ng-tailwind-in-components

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/vltansky/postcss-ng-tailwind-in-components
• Owner: vltansky
• Created: 2021-01-27T10:08:25.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-04T21:37:08.000Z (almost 4 years ago)
• Last Synced: 2024-11-14T11:37:01.616Z (3 months ago)
• Language: JavaScript
• Size: 64.5 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PostCSS use Tailwind CSS functions in Angular components



PostCSS plugin that make Tailwind CSS function with parent selectors (like dark:) work in Angular components

```js

plugins: [

  require('postcss-ng-tailwind-in-components')({ parentSelector: '.dark'});

]

```

result:

```css

.dark .test {

  color: red;

}

```

transforms to:

```css

.dark .test, :host-context(.dark) .test {

  color: red;

}

```