LeonMMcoset/leonwww
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add margin, div hover, sizing improvements

Browse Source
This commit is contained in:
Face
2025-08-03 13:23:02 +03:00
parent 233afbfe1a
commit 823149057a
7 changed files with 270 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
flumi/Scripts/B9/CSSParser.gd
View File

@@ -613,7 +613,12 @@ static func parse_utility_class_internal(rule: CSSRule, utility_name: String) ->
rule.properties["border-radius"] = "4px" # Default rounded
return
# Handle padding classes like p-8, px-4, py-2, etc.
# Handle padding classes like p-8, px-4, py-2, p-[20px], etc.
if utility_name.begins_with("p-[") and utility_name.ends_with("]"):
var val = SizeUtils.extract_bracket_content(utility_name, 2) # after 'p-'
var padding_value = SizeUtils.parse_size(val)
rule.properties["padding"] = padding_value
return
if utility_name.begins_with("p-"):
var val = utility_name.substr(2)
var padding_value = SizeUtils.parse_size(val)
@@ -694,16 +699,58 @@ static func parse_utility_class_internal(rule: CSSRule, utility_name: String) ->
rule.properties["border-radius"] = str(int(val)) + "px"
return
# Handle margin auto classes for centering
if utility_name == "mx-auto":
rule.properties["mx-auto"] = true
# Handle margin classes like m-8, mx-4, my-2, m-[10px], etc.
if utility_name.begins_with("m-[") and utility_name.ends_with("]"):
var val = SizeUtils.extract_bracket_content(utility_name, 2) # after 'm-'
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin"] = margin_value
return
if utility_name == "my-auto":
rule.properties["my-auto"] = true
if utility_name.begins_with("m-"):
var val = utility_name.substr(2)
if val == "auto":
rule.properties["mx-auto"] = true
rule.properties["my-auto"] = true
return
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin"] = margin_value
return
if utility_name == "m-auto":
rule.properties["mx-auto"] = true
rule.properties["my-auto"] = true
if utility_name.begins_with("mx-"):
var val = utility_name.substr(3)
if val == "auto":
rule.properties["mx-auto"] = true
return
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-left"] = margin_value
rule.properties["margin-right"] = margin_value
return
if utility_name.begins_with("my-"):
var val = utility_name.substr(3)
if val == "auto":
rule.properties["my-auto"] = true
return
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-top"] = margin_value
rule.properties["margin-bottom"] = margin_value
return
if utility_name.begins_with("mt-"):
var val = utility_name.substr(3)
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-top"] = margin_value
return
if utility_name.begins_with("mr-"):
var val = utility_name.substr(3)
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-right"] = margin_value
return
if utility_name.begins_with("mb-"):
var val = utility_name.substr(3)
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-bottom"] = margin_value
return
if utility_name.begins_with("ml-"):
var val = utility_name.substr(3)
var margin_value = SizeUtils.parse_size(val)
rule.properties["margin-left"] = margin_value
return
# Apply border properties

4
flumi/Scripts/B9/HTMLParser.gd
View File

@@ -140,12 +140,12 @@ func get_element_styles_with_inheritance(element: HTMLElement, event: String = "
# Apply inline styles (higher priority) - force override CSS rules
var inline_style = element.get_attribute("style")
if inline_style.length() > 0:
var inline_parsed = CSSParser.parse_inline_style(inline_style)
var inline_parsed = parse_inline_style_with_event(inline_style, event)
for property in inline_parsed:
styles[property] = inline_parsed[property]
# Inherit certain properties from parent elements
var inheritable_properties = ["width", "height", "font-size", "color", "font-family"]
var inheritable_properties = ["width", "height", "font-size", "color", "font-family", "cursor"]
var parent_element = element.parent
while parent_element:
var parent_styles = get_element_styles_internal(parent_element, event)