support styles for para

[gintama91]

# :justify, :leading, :click, :motion, :release, :hover, :leave,
#   :rise, :kerning, :stretch

Some of these may already be implemented. As a good first issue, pick one of these, or a couple of related ones, not the whole list.

NOTE; for info regarding what above things are supposed to do , search that term in manual.md , eg: search for display_left in manual.md
and you will find a explanation

currently we support some , but we don't support quite a few

This can be done like this for example:

If u pick to add support for :display_left

head over to this file and add display_left as shoes style/display property

now you can pass :display-left from shoes code

for eg:

Shoes.app do
   para "hi" ,display_left: "20"
 end

this won't cause you a error, but this don't do anything so we need to update in scarpe-components

this file specifically

for this display_left

just editing para_style method as follows should work

  def para_style(props)
    drawable_style(props).merge({
      color: rgb_to_hex(props["stroke"]),
      "font-size": para_font_size(props),
      "font-family": props["font"],
      "position": "relative",
      "left": props["display_left"] ? props["display_left"] : nil,
    }.compact)
  end

add necessary styles there , if you need js you probably have to look at DOMWrangler/ELEMENTWrangler , i dont think u would need js for most of the above mentioned ones, changing html and css should suffice for most.

discord comment from noah link : https://discord.com/channels/1072538177321058377/1072538178659024898/1178710511551000606

[zoomzam]

Do you mean displace_left @gintama91 ?

[noahgibbs]

I think he does, yeah.