• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• stencil-tailwind-master
  • src
    • transformers
      • tsx.ts
      • sass.ts
    • app.css
    • index.ts
    • util
      • debug.ts
  • LICENSE
  • test
    • fixtures
      • components
        • decorator
          • output.js
          • input.tsx
        • inline-class
          • literal.output.js
          • cond-expression.output.js
          • cond-expression.input.tsx
          • literal.input.tsx
        • styles
          • apply.input.scss
          • apply.output.js
          • apply.input.css
    • helpers
      • test-helpers.ts
    • test.ts
  • types
    • tailwind.d.ts
    • index.d.ts
  • rollup.config.js
  • README.md
  • package.json
  • tsconfig.json
  • .gitignore

import postcss from 'postcss'
import tailwindcss from 'tailwindcss'
import { TransformResult } from 'rollup'

export default async function _transformSass(code: string): Promise<TransformResult> {
  const match = /(.* = ")(.*)(";[\s|\S]*)/.exec(code)
  const transformedStyles = await postcss([ tailwindcss() ])
    .process(match![2].replace(/\(\\"/g, '("').replace(/\\"\)/g, '")').replace(/\\n/g, ''))
    .then(result => match![1] + result.toString() + match![3])
  return {
    code: transformedStyles.replace(/[\n\r]*/g, '')
  }
}