Code view:
From the node mapping Minimal Full
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
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
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"
} "}"
Keybindings
j / k next / previous visible node (tree panels)
h / l collapse / expand the focused node
g / G jump to first / last visible node
Tab switch focus between Before/After panels
/ search: jump to next node whose text contains a given string
a jump the other panel to this node's mapped counterpart
i hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v cycle the view: split / code only / tree only
p cycle what the code view renders: the node mapping, then each human painting
r mark this fixture as reviewed, or forget the mark (kept in this browser only)
n open a random fixture not yet marked as reviewed
? toggle this help
Search (plain substring, no regex):