aristath/kirki

View on GitHub
packages/kirki-framework/field-typography/src/Field/CSS/Typography.php

Summary

Maintainability
B
4 hrs
Test Coverage
<?php
/**
 * Handles CSS output for typography fields.
 *
 * @package    Kirki
 * @subpackage Controls
 * @copyright  Copyright (c) 2019, Ari Stathopoulos (@aristath)
 * @license    https://opensource.org/licenses/MIT
 * @since      2.2.0
 */

namespace Kirki\Field\CSS;

use Kirki\Module\CSS\Output;

/**
 * Output overrides.
 */
class Typography extends Output {

    /**
     * Processes a single item from the `output` array.
     *
     * @access protected
     * @param array $output The `output` item.
     * @param array $value  The field's value.
     */
    protected function process_output( $output, $value ) {

        $output['media_query'] = ( isset( $output['media_query'] ) ) ? $output['media_query'] : 'global';
        $output['element']     = ( isset( $output['element'] ) ) ? $output['element'] : 'body';
        $output['prefix']      = ( isset( $output['prefix'] ) ) ? $output['prefix'] : '';
        $output['suffix']      = ( isset( $output['suffix'] ) ) ? $output['suffix'] : '';

        $properties = [
            'font-family',
            'font-size',
            'variant',
            'font-weight',
            'font-style',
            'letter-spacing',
            'word-spacing',
            'line-height',
            'text-align',
            'text-transform',
            'text-decoration',
            'color',
            'margin-top',
            'margin-bottom',
        ];

        foreach ( $properties as $property ) {

            // Early exit if the value is not in the defaults.
            if ( ! isset( $this->field['default'][ $property ] ) ) {
                continue;
            }

            // Early exit if the value is not saved in the values.
            if ( ! isset( $value[ $property ] ) || ! $value[ $property ] ) {
                continue;
            }

            // Early exit if we use "choice" but not for this property.
            if ( isset( $output['choice'] ) && $output['choice'] !== $property ) {
                continue;
            }

            // Take care of variants.
            if ( 'variant' === $property && isset( $value['variant'] ) && ! empty( $value['variant'] ) ) {

                // Get the font_weight.
                $font_weight = str_replace( 'italic', '', $value['variant'] );
                $font_weight = ( in_array( $font_weight, [ '', 'regular' ], true ) ) ? '400' : $font_weight;

                // Is this italic?
                $is_italic = ( false !== strpos( $value['variant'], 'italic' ) );

                $this->styles[ $output['media_query'] ][ $output['element'] ]['font-weight'] = $font_weight;

                if ( $is_italic ) {
                    $this->styles[ $output['media_query'] ][ $output['element'] ]['font-style'] = 'italic';
                }

                continue;
            }

            $property_value = $this->process_property_value( $property, $value[ $property ] );
            $property       = ( isset( $output['choice'] ) && isset( $output['property'] ) ) ? $output['property'] : $property;
            $property_value = ( is_array( $property_value ) && isset( $property_value[0] ) ) ? $property_value[0] : $property_value;
            $this->styles[ $output['media_query'] ][ $output['element'] ][ $property ] = $output['prefix'] . $property_value . $output['suffix'];
        }

    }
}