869809 - serialization of @keyframes should indent individual keyframe rules

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[John Daggett (:jtd)]

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";
  }