Skip to content

text-transform breaks child colors #1280

@sitefinitysteve

Description

@sitefinitysteve

http://www.screencast.com/t/ywVfBrLx

So this works okay, text though isn't uppercase

<Label cssClass="logo-label" textWrap="false">
    <Label.formattedText>
        <FormattedString>
            <FormattedString.spans>
                <Span text="{{ BrandPrefix }}" fontAttributes="Bold" cssClass="prefix" />
                <Span text="{{ BrandPostfix }}" fontAttributes="Bold" foregroundColor="#bd5680" />
            </FormattedString.spans>
        </FormattedString>
    </Label.formattedText>
</Label>

So when I add in text-transform: uppercase it's now uppercase, but I lose the purple on "Help"

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions