Skip to content

Components remove duplicate values, break gradient #89

@roadhump

Description

@roadhump

Looks like components created with this lib remove "duplicate" attributes and it particularly breaks gradient background where we have several from-, via- values.

const Background = tw.div`
    bg-gradient-to-r  from-indigo-500 from-10%  via-purple-500 via-20$  to-pink-500 to-90%
`

<Background />

# Result

<div class="bg-gradient-to-r from-10% via-20$ to-90%"></div>

comparing to simple components

export const Background = () => (
    <div className="bg-gradient-to-r  from-indigo-500 from-10%  via-purple-500 via-20$  to-pink-500 to-90%" />
)

# Result
<div class="bg-gradient-to-r  from-indigo-500 from-10%  via-purple-500 via-20$  to-pink-500 to-90%"></div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions