Skip to content

animation-name is being converted to lower case which affects the resulting css #168

@pauloortins

Description

@pauloortins

The test below should pass due the fact that animation-name: MyAnimation and animation-name: myanimation are handled different if we have a keyframe like:

@-webkit-keyframes MyAnimation{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0px);opacity:1}}
[Fact]
public void AnimationNameShouldKeepLetterCasing()
{
   var snippet = "animation-name : MyAnimation";
   var property = ParseDeclaration(snippet);
   Assert.Equal("animation-name", property.Name);
   Assert.False(property.IsImportant);
   Assert.IsType<AnimationNameProperty>(property);
   var concrete = (AnimationNameProperty)property;
   Assert.False(concrete.IsInherited);
   Assert.True(concrete.HasValue);
   Assert.Equal("MyAnimation", concrete.Value);
}

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