css-wordpress-wordpress-only-add

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…lines 1–13 unchanged (13 lines)
14.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] {
15  rotate: 180deg;
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}

After…lines 1–15 unchanged (15 lines)
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}
21
22html[dir=rtl] .has-drop-cap:not(:focus)::first-letter {
23  float: initial;
24  margin-left: 0.1em;
25}

Before…lines 1–13 unchanged (13 lines)
14.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] {
15  rotate: 180deg;
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}

After…lines 1–15 unchanged (15 lines)
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}
21
22html[dir=rtl] .has-drop-cap:not(:focus)::first-letter {
23  float: initial;
24  margin-left: 0.1em;
25}

Before…lines 1–13 unchanged (13 lines)
14.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] {
15  rotate: 180deg;
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}

After…lines 1–15 unchanged (15 lines)
16}
17
18.is-zoomed-out .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
19  opacity: 0;
20}
21
22html[dir=rtl] .has-drop-cap:not(:focus)::first-letter {
23  float: initial;
24  margin-left: 0.1em;
25}

Before

stylesheet

rule_set (+32 nodes collapsed)

rule_set (+25 nodes collapsed)

rule_set (+49 nodes collapsed)

rule_set (+64 nodes collapsed)

rule_set (+30 nodes collapsed)

After

stylesheet

rule_set (+32 nodes collapsed)

rule_set (+25 nodes collapsed)

rule_set (+49 nodes collapsed)

rule_set (+64 nodes collapsed)

rule_set (+30 nodes collapsed)

rule_set

selectors

pseudo_element_selector

pseudo_class_selector

descendant_selector

attribute_selector

tag_name "html"

[ "["

attribute_name "dir"

= "="

plain_value "rtl"

] "]"

class_selector

. "."

class_name

identifier "has-drop-cap"

: ":"

class_name "not"

arguments

( "("

pseudo_class_selector

: ":"

class_name

identifier "focus"

) ")"

:: "::"

tag_name "first-letter"

block

{ "{"

declaration

property_name "float"

: ":"

plain_value "initial"

; ";"

declaration

property_name "margin-left"

: ":"

float_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