Skip to content
This repository was archived by the owner on Mar 3, 2023. It is now read-only.
This repository was archived by the owner on Mar 3, 2023. It is now read-only.

No way to create CSS animations for syntax elements in styles.less? #4590

@lee-dohm

Description

@lee-dohm

I'm probably getting something wrong because I haven't worked extensively enough with the Shadow DOM yet. But if you put this in your styles.less:

@keyframes pulsate {
  from {
    color: black;
  }

  to {
    color: #f33;
  }
}

.editor, atom-text-editor::shadow {
  .comment {
    font-style: normal;
    -webkit-animation: pulsate 1s infinite alternate;
  }
}

You get spooky pulsing comments with the Shadow DOM turned off and default-colored comments with the Shadow DOM turned on ... but you get un-italic comments in both cases.

/cc @nathansobo @simurai

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions