css-lassekongo83-zuki-themes-fails-to-parse

Before…lines 1–95 unchanged (95 lines)
96.url-highlighter {
97  link-color: $link_color;
98}
99
100/* Media Controls */
101.message-media-control {
102  padding: $base_padding * 2 $base_padding * 4;
103  color: darken($fg_color, 15%);
104
105  // uses $hover_bg_color since the media controls are in a notification_bubble
106  &:hover {
107    background-color: lighten($hover_bg_color, 5%);
108    color: $fg_color;
…lines 109–137 unchanged (29 lines)

After…lines 1–95 unchanged (95 lines)
96.url-highlighter {
97  link-color: $link_color;
98}
99
100/* Media Controls */
101.message-media-control {
102  padding: $base_padding * 2 1.64em; // $base_padding * 4 = 24px
103  color: darken($fg_color, 15%);
104
105  // uses $hover_bg_color since the media controls are in a notification_bubble
106  &:hover {
107    background-color: lighten($hover_bg_color, 5%);
108    color: $fg_color;
109  }
…lines 110–137 unchanged (28 lines)

Before

stylesheet

comment "/* Message List */"

js_comment "// a.k.a. notifications in the menu"

js_comment "// main list"

rule_set (+41 nodes collapsed)

rule_set (+25 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "message-list-section"

, ","

class_selector

. "."

class_name

identifier "message-list-section-list"

block

{ "{"

ERROR

identifier "spacing"

: ":"

ERROR "$base_spacing"

; ";"

} "}"

js_comment "// do-not-disturb + clear button"

rule_set (+43 nodes collapsed)

js_comment "// message bubbles"

rule_set (+423 nodes collapsed)

js_comment "// URLs in messages"

rule_set

selectors

class_selector

. "."

class_name

identifier "url-highlighter"

block

{ "{"

ERROR

identifier "link-color"

: ":"

ERROR "$link_col"

or "or"

; ";"

} "}"

comment "/* Media Controls */"

rule_set

selectors

class_selector

. "."

class_name

identifier "message-media-control"

block

{ "{"

ERROR

identifier "padding"

: ":"

ERROR "$base_p"

ERROR "ing"

rule_set

selectors

descendant_selector

universal_selector

* "*"

ERROR

ERROR "$base_p"

ERROR "ing"

universal_selector

* "*"

ERROR

; ";"

ERROR "col"

or "or"

: ":"

ERROR "darken"

( "("

ERROR "$fg_col"

or "or"

, ","

ERROR

ERROR "%"

) ")"

; ";"

/ "/"

ERROR "uses $hover_bg_col"

or "or"

ERROR "since the media controls are in a"

not "not"

ERROR "ification_bubble"

pseudo_class_selector

nesting_selector "&"

: ":"

class_name

identifier "hover"

block (+24 nodes collapsed)

rule_set (+31 nodes collapsed)

rule_set (+25 nodes collapsed)

js_comment "// fix border-radius for last button"

rule_set (+30 nodes collapsed)

} "}"

js_comment "// album-art"

rule_set (+92 nodes collapsed)

After

stylesheet

comment "/* Message List */"

js_comment "// a.k.a. notifications in the menu"

js_comment "// main list"

rule_set (+41 nodes collapsed)

rule_set (+25 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "message-list-section"

, ","

class_selector

. "."

class_name

identifier "message-list-section-list"

block

{ "{"

ERROR

identifier "spacing"

: ":"

ERROR "$base_spacing"

; ";"

} "}"

js_comment "// do-not-disturb + clear button"

rule_set (+43 nodes collapsed)

js_comment "// message bubbles"

rule_set (+423 nodes collapsed)

js_comment "// URLs in messages"

rule_set

selectors

class_selector

. "."

class_name

identifier "url-highlighter"

block

{ "{"

ERROR

identifier "link-color"

: ":"

ERROR "$link_col"

or "or"

; ";"

} "}"

comment "/* Media Controls */"

rule_set

selectors

class_selector

. "."

class_name

identifier "message-media-control"

block

{ "{"

ERROR

identifier "padding"

: ":"

ERROR "$base_p"

ERROR "ing"

rule_set

selectors

descendant_selector

universal_selector

* "*"

ERROR

ERROR "em"

; ";"

/ "/"

ERROR "$base_p"

ERROR "ing"

universal_selector

* "*"

ERROR

= "="

ERROR "px\n col"

or "or"

: ":"

ERROR "darken"

( "("

ERROR "$fg_col"

or "or"

, ","

ERROR

ERROR "%"

) ")"

; ";"

/ "/"

ERROR "uses $hover_bg_col"

or "or"

ERROR "since the media controls are in a"

not "not"

ERROR "ification_bubble"

pseudo_class_selector

nesting_selector "&"

: ":"

class_name

identifier "hover"

block (+24 nodes collapsed)

rule_set (+31 nodes collapsed)

rule_set (+25 nodes collapsed)

js_comment "// fix border-radius for last button"

rule_set (+30 nodes collapsed)

} "}"

js_comment "// album-art"

rule_set (+92 nodes collapsed)

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