File css.php

 1  2  3  4  5  6  7  8  9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65

<?php

namespace SIW;

/**
 * Hulpfuncties t.b.v. css
 *
 * @copyright 2019 SIW Internationale Vrijwilligersprojecten
 * @since     3.0.0
 */
class CSS {

    /**
     * Genereert reponsive classes
     *
     * @param int $column_size
     * @param int $tablet_size
     * @param int $mobile_size
     * @return string
     */
    public static function generate_responsive_class( int $column_size, int $tablet_size = null, int $mobile_size = null ) {
        
        $class = "col-md-{$column_size}";

        if ( null !== $tablet_size ) {
            $class .= " col-sm-{$tablet_size}";
        }

        if ( null !== $mobile_size  ) {
            $class .= " col-ss-{$mobile_size}";
        }
        return $class;
    }

    /**
     * Genereert css o.b.v. array met regels
     *
     * @param array $rules
     * @param array $media_query
     *
     * @return string
     */
    public static function generate_inline_css( array $rules, array $media_query = [] ) {
        $css = '';
        foreach ( $rules as $selector => $styles ) {
            $css .= $selector . '{' . PHP_EOL;
            foreach ( $styles as $property => $value ) {
                $css .= safecss_filter_attr( sprintf( '%s:%s', $property, $value ) ) . ';' . PHP_EOL;
            }
            $css .= '}' . PHP_EOL;
        }

        // Media query toevoegen indien van toepassing
        if ( ! empty( $media_query ) ) {
            $rendered_media_query  = '@media only screen';
            foreach ( $media_query as $property => $value ) {
                $rendered_media_query .= sprintf( ' and (%s)', safecss_filter_attr( sprintf( '%s:%s;', $property, $value ) ) );
            }

            $css = $rendered_media_query . '{' . $css . '}';
        }
        return $css;
    }
}

Namespaces

Classes

Functions