oik_rwd_wp_footer() – Dynamically generate the CSS classes and media queries

Description

Dynamically generate the CSS classes and media queries

Dynamically generate the CSS class definitions specified then, for each of the media queries generate adjusted versions applying the given mapping rules for the width and padding values

Usage

oik_rwd_wp_footer();

Parameters

Returns

void

Source

File name: oik-rwd/shortcodes/oik-rwd.php
Lines:

function oik_rwd_wp_footer() {
  $classes = oik_rwd_class();
  $mrs = oik_rwd_default_media_rules();
  $mrs = apply_filters( "oik_rwd_media_rules", $mrs );
  stag( "style", null, null, kv( "type", "text/css" ) . kv( "media", "screen" ) );
  foreach ( $classes as $class => $dynaclass ) {
    oik_rwd_dynamic_css_generate( $class, $dynaclass );
  }
  foreach ( $mrs as $mr ) {
    $mq = bw_array_get( $mr, "mq", "max-width: 480px" );
    $mapping = bw_as_array( bw_array_get( $mr, "mapping", "30,100,70,50,100,100" ) );
    $padding_map = bw_as_array( bw_array_get( $mr, "padding", "10,2" ) );
    //e( "\n" ); 
    e( "@media screen and ( $mq ) {" ); 
    foreach ( $classes as $class => $dynaclass ) {
      oik_rwd_dynamic_css_generate( $class, $dynaclass, $mapping, $padding_map );
    }
    e( "}" );
  }    
  etag( "style" );
  bw_flush(); 
}
 

 View on GitHub