RadialGradientModifier.php in Modifiers Pack 8

Namespace

Drupal\modifiers_radial_gradient\Plugin\modifiers

File

modules/modifiers_radial_gradient/src/Plugin/modifiers/RadialGradientModifier.php

<?php

namespace Drupal\modifiers_radial_gradient\Plugin\modifiers;

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

/**
 * Provides a Modifier to set the radial gradient on an element.
 *
 * @Modifier(
 *   id = "radial_gradient_modifier",
 *   label = @Translation("Radial Gradient Modifier"),
 *   description = @Translation("Provides a Modifier to set the radial gradient on an element using colors from library."),
 * )
 */
class RadialGradientModifier extends ModifierPluginBase {

  /**
   * {@inheritdoc}
   */
  public static function modification($selector, array $config) {
    if (!empty($config['r_gradient_colors'])) {
      $media = parent::getMediaQuery($config);
      $shape = 'ellipse';
      $size = 'farthest-corner';
      $position_x = '50';
      $position_y = '50';
      if (!empty($config['r_gradient_shape'])) {
        $shape = $config['r_gradient_shape'];
      }
      if (!empty($config['r_gradient_size'])) {
        $size = $config['r_gradient_size'];
      }
      if (!empty($config['r_gradient_position'][0])) {
        $position_x = $config['r_gradient_position'][0];
      }
      if (!empty($config['r_gradient_position'][1])) {
        $position_y = $config['r_gradient_position'][1];
      }

      // If there is only one color specified we use single color fill.
      if (count($config['r_gradient_colors']) === 1) {
        $css[$media][$selector][] = 'background:' . $config['r_gradient_colors'][0];
      }
      else {
        $css[$media][$selector][] = 'background:radial-gradient(' . $shape . ' ' . $size . ' at ' . $position_x . '% ' . $position_y . '%,' . implode(',', $config['r_gradient_colors']) . ')';
      }
      $attributes[$media][$selector]['class'][] = 'modifiers-has-background';
      return new Modification($css, [], [], $attributes);
    }
    return NULL;
  }

}

Classes

Name	Description
RadialGradientModifier	Provides a Modifier to set the radial gradient on an element.