ColorsModifier.php in Modifiers Pack 8

Namespace

Drupal\modifiers_colors\Plugin\modifiers

File

modules/modifiers_colors/src/Plugin/modifiers/ColorsModifier.php

<?php

namespace Drupal\modifiers_colors\Plugin\modifiers;

use Drupal\modifiers\Modification;
use Drupal\modifiers\ModifierPluginBase;

/**
 * Provides a Modifier to set the colors on an element.
 *
 * @Modifier(
 *   id = "colors_modifier",
 *   label = @Translation("Colors Modifier"),
 *   description = @Translation("Provides a Modifier to set the colors on an element."),
 * )
 */
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;
  }

}

Classes

Name	Description
ColorsModifier	Provides a Modifier to set the colors on an element.