Property to pixel converter component

Abstracts reading a value from an element's styles and converting it to pixels. This is especially useful when pixels are required for something in JavaScript but padding, margins, etc. are defined in CSS in ems, for example.

Definition

id: property_to_pixel_converter
title: 'Property to pixel converter'
description: "Abstracts reading a value from an element's styles and converting it to pixels. This is especially useful when pixels are required for something in JavaScript but padding, margins, etc. are defined in CSS in ems, for example."
class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\PropertyToPixelConverter
provider: ambientimpact_ux

Configuration

{  }

Libraries

component.property_to_pixel_converter:
  js:
    components/property_to_pixel_converter/property_to_pixel_converter.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_core/component.fastdom
    - ambientimpact_core/framework