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 pre.wp-block-verse{min-width:1em; overflow:auto;white-space:pre-wrap; word-break:break-word }:where(pre.wp-block-verse){font-family:inherit }
After
1 pre.wp-block-verse {
2 overflow: auto;
3 white-space: pre-wrap;
4 min-width: 1em;
5 word-break: break-word ;
6 }
7
8 :where(pre.wp-block-verse) {
9 font-family: inherit ;
10 }
Before
1 pre.wp-block-verse { min-width: 1em; overflow: auto; white-space: pre-wrap; word-break: break-word } :where (pre.wp-block-verse) { font-family: inherit }
After
1 pre.wp-block-verse {
2 overflow: auto;
3 white-space: pre-wrap;
4 min-width: 1em;
5 word-break: break-word ;
6 }
7
8 :where (pre.wp-block-verse) {
9 font-family: inherit ;
10 }
Before
1 pre.wp-block-verse { min-width: 1em; overflow: auto; white-space: pre-wrap; word-break: break-word } :where (pre.wp-block-verse) { font-family: inherit }
After
1 pre.wp-block-verse {
2 overflow: auto;
3 white-space: pre-wrap;
4 min-width: 1em;
5 word-break: break-word ;
6 }
7
8 :where (pre.wp-block-verse) {
9 font-family: inherit ;
10 }
Before
stylesheet rule_set selectors class_selector tag_name "pre"
. "."
class_name identifier "wp-block-verse"
block { "{"
declaration property_name "min-width"
: ":"
integer_value unit "em"
; ";"
declaration property_name "overflow"
: ":"
plain_value "auto"
; ";"
declaration property_name "white-space"
: ":"
plain_value "pre-wrap"
; ";"
declaration property_name "word-break"
: ":"
plain_value "break-word"
} "}"
rule_set selectors pseudo_class_selector : ":"
class_name "where"
arguments ( "("
class_selector tag_name "pre"
. "."
class_name identifier "wp-block-verse"
) ")"
block { "{"
declaration property_name "font-family"
: ":"
plain_value "inherit"
} "}"
After
stylesheet rule_set selectors class_selector tag_name "pre"
. "."
class_name identifier "wp-block-verse"
block { "{"
declaration property_name "overflow"
: ":"
plain_value "auto"
; ";"
declaration property_name "white-space"
: ":"
plain_value "pre-wrap"
; ";"
declaration property_name "min-width"
: ":"
integer_value unit "em"
; ";"
declaration property_name "word-break"
: ":"
plain_value "break-word"
; ";"
} "}"
rule_set selectors pseudo_class_selector : ":"
class_name "where"
arguments ( "("
class_selector tag_name "pre"
. "."
class_name identifier "wp-block-verse"
) ")"
block { "{"
declaration property_name "font-family"
: ":"
plain_value "inherit"
; ";"
} "}"
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):