oik-rwd

oik-rwd Contributors: bobbingwide Donate link: https://www.oik-plugins.com/oik/oik-donate/ Tags: shortcodes, smart, lazy Requires at least: 3.9 Tested up to: 6.4-RC1 Stable tag: 0.5.3 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Description Use the oik responsive web design plugin to dynamically create responsive CSS classes for width and height. Use the [bwrwd] shortcode to define the CSS class names that will be used in the content Examples: [bwrwd class=w50m5,w50m1p2 ] will generate responsive classes as follows: w50m5 - initial total width of 50% with 5% margin-right w50m1p2 - initial total width of 50% with 1% margin-right and 2% padding As the window gets sized then automatically generated media queries adjust the width, padding and margin to provide some responsive behaviour. [bwrwd] without any parameters will enable automatic responsive class interception on any shortcode. If you want automatic responsive class interception to happen site wide then visit oik options Responsive Web Design and ensure "Intercept classes" is checked. Installation 1. Upload the contents of the oik-rwd plugin to the /wp-content/plugins/oik-rw