ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / public_html / purposelee.com / wp-content / plugins / otter-blocks / inc / css / blocks

<?php
/**
 * Css handling logic for blocks.
 *
 * @package ThemeIsle\GutenbergBlocks\CSS\Blocks
 */

namespace ThemeIsle\GutenbergBlocks\CSS\Blocks;

use ThemeIsle\GutenbergBlocks\Base_CSS;

use ThemeIsle\GutenbergBlocks\CSS\CSS_Utility;

/**
 * Class Timeline_CSS
 */
class Timeline_CSS extends Base_CSS {

/**
	 * The namespace under which the blocks are registered.
	 *
	 * @var string
	 */
	public $block_prefix = 'timeline';

/**
	 * Generate Timeline CSS
	 *
	 * @param mixed $block Block data.
	 * @return string
	 * @since   2.7.0
	 * @access  public
	 */
	public function render_css( $block ) {
		$css = new CSS_Utility( $block );

$css->add_item(
			array(
				'properties' => array(
					array(
						'property' => '--o-timeline-cnt-bg',
						'value'    => 'containerBackgroundColor',
					),
					array(
						'property' => '--o-timeline-cnt-br-c',
						'value'    => 'containerBorderColor',
					),
					array(
						'property' => '--o-timeline-i-font-size',
						'value'    => 'iconSize',
					),
					array(
						'property' => '--o-timeline-i-color',
						'value'    => 'iconColor',
					),
					array(
						'property' => '--o-timeline-v-color',
						'value'    => 'verticalLineColor',
					),
					array(
						'property' => '--o-timeline-v-width',
						'value'    => 'verticalLineWidth',
					),
					array(
						'property' => '--o-timeline-cnt-br-w',
						'value'    => 'containerBorder',
						'format'   => function ( $value, $attrs ) {
							return CSS_Utility::box_values(
								$value,
								array(
									'left'   => '8px',
									'right'  => '8px',
									'top'    => '8px',
									'bottom' => '8px',
								)
							);
						},
					),
					array(
						'property' => '--o-timeline-cnt-br-r',
						'value'    => 'containerRadius',
						'format'   => function ( $value, $attrs ) {
							return CSS_Utility::box_values(
								$value,
								array(
									'left'   => '8px',
									'right'  => '8px',
									'top'    => '8px',
									'bottom' => '8px',
								)
							);
						},
					),
					array(
						'property' => '--o-timeline-cnt-pd',
						'value'    => 'containerPadding',
						'format'   => function ( $value, $attrs ) {
							return CSS_Utility::box_values(
								$value,
								array(
									'left'   => '20px',
									'right'  => '20px',
									'top'    => '20px',
									'bottom' => '20px',
								)
							);
						},
					),
				),
			)
		);

$style = $css->generate();

return $style;
	}
}

[-] class-icon-list-css.php [edit]
[-] class-posts-css.php [edit]
[-] class-form-textarea-css.php [edit]
[-] class-timeline-css.php [edit]
[-] class-leaflet-map-css.php [edit]
[-] class-form-input-css.php [edit]
[-] class-button-css.php [edit]
[-] class-progress-bar-css.php [edit]
[-] class-button-group-css.php [edit]
[-] class-form-multiple-choice-css.php [edit]
[-] class-advanced-columns-css.php [edit]
[-] class-flip-css.php [edit]
[-] class-tabs-css.php [edit]
[-] class-form-css.php [edit]
[-] class-font-awesome-icons-css.php [edit]
[-] class-review-css.php [edit]
[-] class-circle-counter-css.php [edit]
[-] class-timeline-item-css.php [edit]
[-] class-shared-css.php [edit]
[-] class-sharing-icons-css.php [edit]
[-] class-core-image-plugin-css.php [edit]
[-] class-accordion-css.php [edit]
[-] class-countdown-css.php [edit]
[-] class-advanced-heading-css.php [edit]
[+] ..
[-] class-popup-css.php [edit]
[-] class-advanced-column-css.php [edit]
[-] class-icon-list-item-css.php [edit]
[-] class-google-map-css.php [edit]
[-] class-slider-css.php [edit]