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–146 unchanged (146 lines)
147 @apply border-border outline-ring/50;
148 }
149 ::selection {
150 @apply bg-selection text-selection-foreground;
151 }
152 html {
153 @apply overscroll-none scroll-smooth;
154 }
155 body {
156 font-synthesis-weight: none;
157 text-rendering: optimizeLegibility;
158 }
159
…lines 160–348 unchanged (189 lines)

After

…lines 1–146 unchanged (146 lines)
147 @apply border-border outline-ring/50;
148 }
149 ::selection {
150 @apply bg-selection text-selection-foreground;
151 }
152 html {
153 @apply overscroll-y-none scroll-smooth;
154 }
155 body {
156 font-synthesis-weight: none;
157 text-rendering: optimizeLegibility;
158 }
159
…lines 160–348 unchanged (189 lines)

Before

stylesheet
import_statement
@import "@import"
string_value
" "\""
string_content "tailwindcss"
" "\""
; ";"
import_statement
@import "@import"
string_value
" "\""
string_content "tw-animate-css"
" "\""
; ";"
import_statement
@import "@import"
string_value
" "\""
string_content "./themes.css"
" "\""
; ";"
ERROR (+36 nodes collapsed)
at_rule (+495 nodes collapsed)
rule_set (+467 nodes collapsed)
rule_set (+475 nodes collapsed)
at_rule
at_keyword "@layer"
keyword_query "base"
block
{ "{"
rule_set
selectors
universal_selector
* "*"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "border-border"
plain_value "outline-ring/50"
; ";"
} "}"
rule_set
selectors
pseudo_element_selector
:: "::"
tag_name "selection"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "bg-selection"
plain_value "text-selection-foreground"
; ";"
} "}"
rule_set
selectors
tag_name "html"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "overscroll-none"
plain_value "scroll-smooth"
; ";"
} "}"
rule_set
selectors
tag_name "body"
block
{ "{"
declaration
property_name "font-synthesis-weight"
: ":"
plain_value "none"
; ";"
declaration
property_name "text-rendering"
: ":"
plain_value "optimizeLegibility"
; ";"
} "}"
rule_set (+22 nodes collapsed)
ERROR (+38 nodes collapsed)
} "}"
rule_set (+21 nodes collapsed)
ERROR
} "}"
at_rule
at_keyword "@utility"
keyword_query "border-grid"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "border-border/50"
plain_value "dark:border-border"
; ";"
} "}"
at_rule
at_keyword "@utility"
keyword_query "section-soft"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "from-background"
plain_value "to-surface/40"
plain_value "dark:bg-background"
integer_value "3"
plain_value "xl:fixed:bg-none"
plain_value "bg-gradient-to-b"
; ";"
} "}"
at_rule
at_keyword "@utility"
keyword_query "theme-container"
block
{ "{"
at_rule
at_keyword "@apply"
keyword_query "font-sans"
; ";"
} "}"
at_rule (+30 nodes collapsed)
at_rule
at_keyword "@utility"
keyword_query "container"
block
{ "{"
postcss_statement
at_keyword "@apply"
integer_value "3"
plain_value "xl:max-w-screen-2xl"
plain_value "mx-auto"
plain_value "max-w-"
grid_value
[ "["
integer_value
unit "px"
] "]"
plain_value "px-4"
plain_value "lg:px-8"
; ";"
} "}"
at_rule (+30 nodes collapsed)
at_rule
at_keyword "@utility"
keyword_query "border-ghost"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "after:border-border"
plain_value "relative"
plain_value "after:absolute"
plain_value "after:inset-0"
plain_value "after:border"
plain_value "after:mix-blend-darken"
plain_value "dark:after:mix-blend-lighten"
; ";"
} "}"
at_rule (+52 nodes collapsed)
at_rule (+24 nodes collapsed)
at_rule (+795 nodes collapsed)

After

stylesheet
import_statement
@import "@import"
string_value
" "\""
string_content "tailwindcss"
" "\""
; ";"
import_statement
@import "@import"
string_value
" "\""
string_content "tw-animate-css"
" "\""
; ";"
import_statement
@import "@import"
string_value
" "\""
string_content "./themes.css"
" "\""
; ";"
ERROR (+36 nodes collapsed)
at_rule (+495 nodes collapsed)
rule_set (+467 nodes collapsed)
rule_set (+475 nodes collapsed)
at_rule
at_keyword "@layer"
keyword_query "base"
block
{ "{"
rule_set
selectors
universal_selector
* "*"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "border-border"
plain_value "outline-ring/50"
; ";"
} "}"
rule_set
selectors
pseudo_element_selector
:: "::"
tag_name "selection"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "bg-selection"
plain_value "text-selection-foreground"
; ";"
} "}"
rule_set
selectors
tag_name "html"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "overscroll-y-none"
plain_value "scroll-smooth"
; ";"
} "}"
rule_set
selectors
tag_name "body"
block
{ "{"
declaration
property_name "font-synthesis-weight"
: ":"
plain_value "none"
; ";"
declaration
property_name "text-rendering"
: ":"
plain_value "optimizeLegibility"
; ";"
} "}"
rule_set (+22 nodes collapsed)
ERROR (+38 nodes collapsed)
} "}"
rule_set (+21 nodes collapsed)
ERROR
} "}"
at_rule
at_keyword "@utility"
keyword_query "border-grid"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "border-border/50"
plain_value "dark:border-border"
; ";"
} "}"
at_rule
at_keyword "@utility"
keyword_query "section-soft"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "from-background"
plain_value "to-surface/40"
plain_value "dark:bg-background"
integer_value "3"
plain_value "xl:fixed:bg-none"
plain_value "bg-gradient-to-b"
; ";"
} "}"
at_rule
at_keyword "@utility"
keyword_query "theme-container"
block
{ "{"
at_rule
at_keyword "@apply"
keyword_query "font-sans"
; ";"
} "}"
at_rule (+30 nodes collapsed)
at_rule
at_keyword "@utility"
keyword_query "container"
block
{ "{"
postcss_statement
at_keyword "@apply"
integer_value "3"
plain_value "xl:max-w-screen-2xl"
plain_value "mx-auto"
plain_value "max-w-"
grid_value
[ "["
integer_value
unit "px"
] "]"
plain_value "px-4"
plain_value "lg:px-8"
; ";"
} "}"
at_rule (+30 nodes collapsed)
at_rule
at_keyword "@utility"
keyword_query "border-ghost"
block
{ "{"
postcss_statement
at_keyword "@apply"
plain_value "after:border-border"
plain_value "relative"
plain_value "after:absolute"
plain_value "after:inset-0"
plain_value "after:border"
plain_value "after:mix-blend-darken"
plain_value "dark:after:mix-blend-lighten"
; ";"
} "}"
at_rule (+52 nodes collapsed)
at_rule (+24 nodes collapsed)
at_rule (+795 nodes collapsed)