Responsive style property component

Provides an API to query and be notified of changes to a CSS property that changes based on viewport and displacement size. This is primarily intended to be used for CSS custom properties, but can be used for any CSS property.

Definition

id: responsive_style_property
title: 'Responsive style property'
description: 'Provides an API to query and be notified of changes to a CSS property that changes based on viewport and displacement size. This is primarily intended to be used for CSS custom properties, but can be used for any CSS property.'
class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\ResponsiveStyleProperty
provider: ambientimpact_ux

Configuration

{  }

Libraries

component.responsive_style_property:
  js:
    components/responsive_style_property/responsive_style_property.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_core/component.fastdom
    - ambientimpact_ux/component.layout_size_change
    - ambientimpact_core/framework