Example #1
0
 public function test_add_prefixes()
 {
     $this->assertEquals(null, Kirki_Output::add_prefixes(''));
     $css = array();
     $css['global']['body']['border-radius'] = '3px';
     $css['global']['body']['box-shadow'] = '10px 10px 5px 0px rgba(0,0,0,0.75)';
     $css['global']['body']['box-sizing'] = 'border-box';
     $css['global']['body']['text-shadow'] = '0';
     $css['global']['body']['transform'] = 'rotate(30deg)';
     $css['global']['body']['background-size'] = 'cover';
     $css['global']['body']['transition'] = 'width 1s';
     $css['global']['body']['transition-property'] = 'width';
     $this->assertEquals(array('global' => array('body' => array('border-radius' => '3px', '-moz-border-radius' => '3px', '-webkit-border-radius' => '3px', 'box-shadow' => '10px 10px 5px 0px rgba(0,0,0,0.75)', '-moz-box-shadow' => '10px 10px 5px 0px rgba(0,0,0,0.75)', '-webkit-box-shadow' => '10px 10px 5px 0px rgba(0,0,0,0.75)', 'box-sizing' => 'border-box', '-moz-box-sizing' => 'border-box', '-webkit-box-sizing' => 'border-box', 'text-shadow' => '0', '-moz-text-shadow' => '0', '-webkit-text-shadow' => '0', 'transform' => 'rotate(30deg)', '-moz-transform' => 'rotate(30deg)', '-webkit-transform' => 'rotate(30deg)', '-ms-transform' => 'rotate(30deg)', '-o-transform' => 'rotate(30deg)', 'background-size' => 'cover', '-moz-background-size' => 'cover', '-webkit-background-size' => 'cover', '-ms-background-size' => 'cover', '-o-background-size' => 'cover', 'transition' => 'width 1s', '-moz-transition' => 'width 1s', '-webkit-transition' => 'width 1s', '-ms-transition' => 'width 1s', '-o-transition' => 'width 1s', 'transition-property' => 'width', '-moz-transition-property' => 'width', '-webkit-transition-property' => 'width', '-ms-transition-property' => 'width', '-o-transition-property' => 'width'))), Kirki_Output::add_prefixes($css));
 }
 /**
  * loop through all fields and create an array of style definitions
  */
 public function loop_controls()
 {
     $fields = Kirki::$fields;
     $css = array();
     // Early exit if no fields are found.
     if (empty($fields)) {
         return;
     }
     foreach ($fields as $field) {
         // Only continue if $field['output'] is set
         if (isset($field['output']) && 'background' != $field['type']) {
             $css = array_merge_recursive($css, Kirki_Output::css(Kirki_Field::sanitize_settings_raw($field), Kirki_Field::sanitize_type($field), Kirki_Field::sanitize_output($field), isset($field['output']['callback']) ? $field['output']['callback'] : '', true));
         }
     }
     return Kirki_Output::styles_parse(Kirki_Output::add_prefixes($css));
 }
Example #3
0
 public static function generate_css_by_fields($fields, $placeholder = false)
 {
     // Early exit if no fields are found.
     if (empty($fields)) {
         return;
     }
     $css = array();
     foreach ($fields as $field) {
         // Only continue if $field['output'] is set
         if (isset($field['output']) && !empty($field['output']) && 'background' != $field['type']) {
             $css = array_merge_recursive($css, self::css(Kirki_Field::sanitize_field($field)));
         }
     }
     // Replace all values with placeholder
     if ($placeholder) {
         foreach ($css as $media_query => $styles) {
             foreach ($styles as $style => $style_array) {
                 foreach ($style_array as $property => $value) {
                     $css[$media_query][$style][$property] = '{value}';
                 }
             }
         }
     }
     if (is_array($css)) {
         return Kirki_Output::styles_parse(Kirki_Output::add_prefixes($css));
     }
     return;
 }