Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1.wp-block-code{
2 border:1px solid #ccc;
3 border-radius:4px;
4 font-family:Menlo,Consolas,monaco,monospace;
5 padding:.8em 1em;
6}

After

1.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}

Before

stylesheet
rule_set
selectors
class_selector
. "."
class_name
identifier "wp-block-code"
block
{ "{"
declaration
property_name "border"
: ":"
integer_value
unit "px"
plain_value "solid"
color_value
# "#"
; ";"
declaration
property_name "border-radius"
: ":"
integer_value
unit "px"
; ";"
declaration
property_name "font-family"
: ":"
plain_value "Menlo"
, ","
plain_value "Consolas"
, ","
plain_value "monaco"
, ","
plain_value "monospace"
; ";"
declaration
property_name "padding"
: ":"
float_value
unit "em"
integer_value
unit "em"
; ";"
} "}"

After

stylesheet
rule_set
selectors
class_selector
. "."
class_name
identifier "wp-block-code"
block
{ "{"
declaration
property_name "border"
: ":"
integer_value
unit "px"
plain_value "solid"
color_value
# "#"
; ";"
declaration
property_name "border-radius"
: ":"
integer_value
unit "px"
; ";"
declaration
property_name "font-family"
: ":"
plain_value "Menlo"
, ","
plain_value "Consolas"
, ","
plain_value "monaco"
, ","
plain_value "monospace"
; ";"
declaration
property_name "padding"
: ":"
float_value
unit "em"
integer_value
unit "em"
} "}"