PercentSized extension

Enhanced responsive extension for percentage-based sizing

This extension provides multiple ways to handle responsive sizing:

  1. Percentage-based sizing (wp, hp)
  2. Dynamic pixel-to-responsive conversion (w, h)
  3. Dynamic pixel-to-percentage calculation
on

Properties

h → double

Available on double, provided by the PercentSized extension

Convert pixels to responsive height based on dynamic base height
no setter
heightPercent → double

Available on double, provided by the PercentSized extension

Get the percentage this pixel value represents of screen height
no setter
hp → double

Available on double, provided by the PercentSized extension

height: 50.0.hp = 50% of screen height
no setter
toResponsiveHeight → double

Available on double, provided by the PercentSized extension

Convert this pixel value to actual responsive height
no setter
toResponsiveWidth → double

Available on double, provided by the PercentSized extension

Convert this pixel value to actual responsive width
no setter
w → double

Available on double, provided by the PercentSized extension

Convert pixels to responsive width based on dynamic base width
no setter
widthPercent → double

Available on double, provided by the PercentSized extension

Get the percentage this pixel value represents of screen width
no setter
wp → double

Available on double, provided by the PercentSized extension

width: 30.0.wp = 30% of screen width
no setter