public function test_css()
 {
     $this->assertEquals(null, Kirki_Output::css());
     set_theme_mod('foo', '3');
     $this->assertEquals('body{font-size:6px;}', Kirki_Output::css('foo', 'theme_mod', array(array('element' => 'body', 'property' => 'font-size', 'units' => 'px')), array($this, 'timestwo')));
     set_theme_mod('foo', 'http://foo.com/bar.png');
     $this->assertEquals('body{background-image:url("http://foo.com/bar.png");}', Kirki_Output::css('foo', 'theme_mod', array(array('element' => 'body', 'property' => 'background-image')), ''));
     set_theme_mod('foo', 'left-top');
     $this->assertEquals('body{background-position:left top;}', Kirki_Output::css('foo', 'theme_mod', array(array('element' => 'body', 'property' => 'background-position')), ''));
 }
 /**
  * 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 function test_css_option()
 {
     update_option('foo', '#333');
     $this->assertEquals('@media (min-width: 700px) and (orientation: landscape){body > #foo{background-color:#333!important;}}#bar{color:#333;}', Kirki_Output::css('foo', 'option', array(array('element' => 'body > #foo', 'property' => 'background-color', 'units' => '!important', 'prefix' => '@media (min-width: 700px) and (orientation: landscape) {', 'suffix' => '}'), array('element' => '#bar', 'property' => 'color')), null));
 }