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

…lines 1–79 unchanged (79 lines)
80 * Reset default styles for JavaScript UI based pages.
81 * This is a WP-admin agnostic reset
82 */
83/**
84 * Reset the WP Admin page styles for Gutenberg-like pages.
85 */
86.block-library-html__edit .block-library-html__preview-overlay {
87 position: absolute;
88 width: 100%;
89 height: 100%;
90 top: 0;
91 left: 0;
92}
…lines 93–151 unchanged (59 lines)

After

…lines 1–79 unchanged (79 lines)
80 * Reset default styles for JavaScript UI based pages.
81 * This is a WP-admin agnostic reset
82 */
83/**
84 * Reset the WP Admin page styles for Gutenberg-like pages.
85 */
86/**
87 * Creates a checkerboard pattern background to indicate transparency.
88 * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89 */
90.block-library-html__edit .block-library-html__preview-overlay {
91 position: absolute;
92 width: 100%;
93 height: 100%;
94 top: 0;
95 left: 0;
…lines 96–155 unchanged (60 lines)

Before

stylesheet
comment "/**\n * Typography\n */"
comment "/**\n * SCSS Variables.\n *\n * Please use variables from this "...
comment "/**\n * Colors\n */"
comment "/**\n * Fonts & basic variables.\n */"
comment "/**\n * Typography\n */"
comment "/**\n * Grid System.\n * https://make.wordpress.org/design/201"...
comment "/**\n * Radius scale.\n */"
comment "/**\n * Elevation scale.\n */"
comment "/**\n * Dimensions.\n */"
comment "/**\n * Mobile specific styles\n */"
comment "/**\n * Editor styles.\n */"
comment "/**\n * Block & Editor UI.\n */"
comment "/**\n * Block paddings.\n */"
comment "/**\n * React Native specific.\n * These variables do not appe"...
comment "/**\n * Breakpoints & Media Queries\n */"
comment "/**\n* Converts a hex value into the rgb equivalent.\n*\n* @pa"...
comment "/**\n * Long content fade mixin\n *\n * Creates a fading overla"...
comment "/**\n * Breakpoint mixins\n */"
comment "/**\n * Focus styles.\n */"
comment "/**\n * Applies editor left position to the selector passed a"...
comment "/**\n * Styles that are reused verbatim in a few places\n */"
comment "/**\n * Allows users to opt-out of animations via OS-level pr"...
comment "/**\n * Reset default styles for JavaScript UI based pages.\n "...
comment "/**\n * Reset the WP Admin page styles for Gutenberg-like pag"...
rule_set (+41 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal"
block
{ "{"
declaration
property_name "height"
: ":"
integer_value
unit "%"
; ";"
} "}"
rule_set
selectors
descendant_selector
class_selector
. "."
class_name
identifier "block-library-html__modal"
class_selector
. "."
class_name
identifier "components-modal__children-container"
block
{ "{"
declaration
property_name "height"
: ":"
integer_value
unit "%"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal-tabs"
block
{ "{"
declaration
property_name "overflow-y"
: ":"
plain_value "auto"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal-content"
block
{ "{"
declaration
property_name "flex"
: ":"
integer_value "1"
; ";"
declaration
property_name "min-height"
: ":"
integer_value "0"
; ";"
} "}"
rule_set (+67 nodes collapsed)
rule_set (+82 nodes collapsed)
rule_set (+23 nodes collapsed)
rule_set (+40 nodes collapsed)

After

stylesheet
comment "/**\n * Typography\n */"
comment "/**\n * SCSS Variables.\n *\n * Please use variables from this "...
comment "/**\n * Colors\n */"
comment "/**\n * Fonts & basic variables.\n */"
comment "/**\n * Typography\n */"
comment "/**\n * Grid System.\n * https://make.wordpress.org/design/201"...
comment "/**\n * Radius scale.\n */"
comment "/**\n * Elevation scale.\n */"
comment "/**\n * Dimensions.\n */"
comment "/**\n * Mobile specific styles\n */"
comment "/**\n * Editor styles.\n */"
comment "/**\n * Block & Editor UI.\n */"
comment "/**\n * Block paddings.\n */"
comment "/**\n * React Native specific.\n * These variables do not appe"...
comment "/**\n * Breakpoints & Media Queries\n */"
comment "/**\n* Converts a hex value into the rgb equivalent.\n*\n* @pa"...
comment "/**\n * Long content fade mixin\n *\n * Creates a fading overla"...
comment "/**\n * Breakpoint mixins\n */"
comment "/**\n * Focus styles.\n */"
comment "/**\n * Applies editor left position to the selector passed a"...
comment "/**\n * Styles that are reused verbatim in a few places\n */"
comment "/**\n * Allows users to opt-out of animations via OS-level pr"...
comment "/**\n * Reset default styles for JavaScript UI based pages.\n "...
comment "/**\n * Reset the WP Admin page styles for Gutenberg-like pag"...
comment "/**\n * Creates a checkerboard pattern background to indicate"...
rule_set (+41 nodes collapsed)
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal"
block
{ "{"
declaration
property_name "height"
: ":"
integer_value
unit "%"
; ";"
} "}"
rule_set
selectors
descendant_selector
class_selector
. "."
class_name
identifier "block-library-html__modal"
class_selector
. "."
class_name
identifier "components-modal__children-container"
block
{ "{"
declaration
property_name "height"
: ":"
integer_value
unit "%"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal-tabs"
block
{ "{"
declaration
property_name "overflow-y"
: ":"
plain_value "auto"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "block-library-html__modal-content"
block
{ "{"
declaration
property_name "flex"
: ":"
integer_value "1"
; ";"
declaration
property_name "min-height"
: ":"
integer_value "0"
; ";"
} "}"
rule_set (+67 nodes collapsed)
rule_set (+82 nodes collapsed)
rule_set (+23 nodes collapsed)
rule_set (+40 nodes collapsed)