serialization of @keyframes should indent individual keyframe rules

NEW
Unassigned

Status

()

--
minor
6 years ago
6 years ago

People

(Reporter: jtd, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

6 years ago
This is very minor but I figured it's an easy thing to fix.

Given the rule below:

  @keyframes identifier {   0% { top: 0; left: 0; } 30% { top: 50px; } }

The serialization (i.e. cssText value) is:

  @keyframes identifier {
  0% { top: 0px; left: 0px; }
  30% { top: 50px; }
  }

Unlike other @rule serializations (@font-face, @supports), there's no indent for the keyframes.  Probably better to be consistent for presentation within editors and such and add an indent for each of the keyframes.

Example:

  @font-face { font-family: bongo }

Serialized as:

  @font-face {
    font-family: "bongo";
  }
You need to log in before you can comment on or make changes to this bug.