oik_rwd_default_media_rules() – We’re trying to create a set of media queries with graceful degradation as the window width narrows So we need to know min/max width at which a transition occurs and how to cater for different percentages.

You appear to be a bot. Output may be restricted

Description

We're trying to create a set of media queries with graceful degradation as the window width narrows So we need to know min/max width at which a transition occurs and how to cater for different percentages.

Then we adjust the generated width and left and right margins and padding accordingly

<code> .w33p3 { float: left; display: block; width: 97%; padding-right: 3%; }

Usage

oik_rwd_default_media_rules();

Parameters

Returns

void

Source

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

function oik_rwd_default_media_rules() {
  // $mr[] = array( "mq" => "max-width: 768px", "mapping" => "25,50,75,50,100,50", "padding" => "2,1,5,2,10,3" );
  $max_width = oik_rwd_adjusted_max_width_for_context();
  $mr[] = array( "mq" => "max-width: ${max_width}px", "mapping" => "100,100", "padding" => "2,1,5,2,10,3" );
  $mr[] = array( "mq" => "max-width: 480px", "mapping" => "33,100,66,50,100,100", "padding" => "10,2" );
  $mr[] = array( "mq" => "max-width: 320px", "mapping" => "100,100", "padding" => "10,1" );
  return( $mr ); 
}
 

 View on GitHub