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
voidSource
File name: oik-rwd/shortcodes/oik-rwd.phpLines:
1 to 11 of 11
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