class ColorsModifier in Modifiers Pack 8

Provides a Modifier to set the colors on an element.

Plugin annotation

@Modifier(
  id = "colors_modifier",
  label = @Translation("Colors Modifier"),
  description = @Translation("Provides a Modifier to set the colors on an element."),
)

Hierarchy

• class \Drupal\modifiers_colors\Plugin\modifiers\ColorsModifier extends \Drupal\modifiers\ModifierPluginBase

1 file declares its use of ColorsModifier

ColorsModifierTest.php in modules/modifiers_colors/tests/src/Unit/ColorsModifierTest.php

File

modules/modifiers_colors/src/Plugin/modifiers/ColorsModifier.php, line 17

Namespace

Drupal\modifiers_colors\Plugin\modifiers

class ColorsModifier extends ModifierPluginBase {

  /**
   * {@inheritdoc}
   */
  public static function modification($selector, array $config) {
    $css = [];
    $attributes = [];
    $media = parent::getMediaQuery($config);
    if (!empty($config['background_color'])) {
      $css[$media][$selector][] = 'background-color:' . $config['background_color'];
      $attributes[$media][$selector]['class'][] = 'modifiers-has-background';
    }
    if (!empty($config['text_color'])) {
      $css[$media][$selector][] = 'color:' . $config['text_color'];
    }
    if (!empty($config['link_color'])) {
      $css[$media][$selector . ' a'][] = 'color:' . $config['link_color'];
    }
    if (!empty($config['h_background_color'])) {
      $css[$media][$selector . ':hover'][] = 'background-color:' . $config['h_background_color'];
      if (empty($config['background_color'])) {
        $attributes[$media][$selector]['class'][] = 'modifiers-has-background';
      }
    }
    if (!empty($config['h_link_color'])) {
      $css[$media][$selector . ' a:hover'][] = 'color:' . $config['h_link_color'];
      $css[$media][$selector . ' a:focus'][] = 'outline:3px solid ' . $config['h_link_color'];
      $css[$media][$selector . ' a:focus'][] = 'outline-offset:2px';
    }
    if (!empty($config['h_text_color'])) {
      $css[$media][$selector . ':hover'][] = 'color:' . $config['h_text_color'];
    }
    if (!empty($config['transition_duration'])) {
      $css[$media][$selector][] = 'transition-duration:' . $config['transition_duration'] . 's';
      $css[$media][$selector . ':hover'][] = 'transition-duration:' . $config['transition_duration'] . 's';
      $css[$media][$selector . ' a'][] = 'transition-duration:' . $config['transition_duration'] . 's';
      $css[$media][$selector . ' a:hover'][] = 'transition-duration:' . $config['transition_duration'] . 's';
    }
    if (!empty($css) || !empty($attributes)) {
      return new Modification($css, [], [], $attributes);
    }
    return NULL;
  }

}

Members

Name	Modifiers	Type	Description	Overrides
ColorsModifier::modification	public static	function