=== Block Responsive - Responsive Controls for Editor Blocks ===
Contributors:      ashrafuzzaman93
Donate link: https://wise.com/pay/me/saka2
Tags:              responsive, blocks, mobile, tablet, desktop
Requires at least: 6.7
Tested up to:      6.8
Stable tag:        1.0.0
Requires PHP:      7.4
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html

Add responsive visibility and styling controls to core WordPress blocks for mobile, tablet, and desktop devices.

== Description ==

**Block Responsive** is a powerful WordPress plugin that adds comprehensive responsive controls to Gutenberg blocks. It allows you to control the visibility and styling of blocks based on different screen sizes (mobile, tablet, and desktop).

## Key Features

### 📱 **Display Controls**
– Hide/show blocks on specific devices (mobile, tablet, desktop)
– Simple toggle controls with device-specific icons
– Visual feedback for hidden blocks

### 🎨 **Responsive Styling Options**
– **Typography Controls**: Font size, line height, letter spacing, and text alignment for each device
– **Colors Controls**: Text color, background color, and border color with device-specific settings
– **Dimensions Controls**: Padding, margin, width, and height controls for responsive layouts
– **Alignment Controls**: Block alignment settings for different screen sizes
– **Background Image Controls**: Responsive background image settings
– **Border & Shadow Controls**: Border radius, border width, and shadow effects per device

### 🔧 **Technical Features**
– Works with all core Gutenberg blocks
– Clean, intuitive interface in the block inspector
– Generates optimized CSS for frontend display
– Compatible with WordPress 6.7+
– Built with modern WordPress development standards

## Perfect For
– **Web Developers** who need precise control over responsive layouts
– **Content Creators** who want to optimize content for different devices
– **Designers** who need device-specific styling capabilities
– **Agencies** building responsive WordPress websites

## How It Works

1. **Block Inspector Integration**: Responsive controls appear in the block inspector panel
2. **Device-Specific Settings**: Configure different styles for mobile, tablet, and desktop
3. **Real-time Preview**: See changes immediately in the editor
4. **Frontend Rendering**: Automatically generates and applies responsive CSS

== Installation ==

### Method 1: WordPress Admin (Recommended)
1. Go to **Plugins > Add New** in your WordPress admin
2. Search for "Block Responsive"
3. Click **Install Now** and then **Activate**

== Frequently Asked Questions ==

= How do I access the responsive controls? =

After activating the plugin, open any post or page in the Gutenberg editor. Select any block and look for the "Block Responsive" panel in the block inspector (right sidebar). You'll see various responsive controls organized by category.

= Which blocks support responsive controls? =

The plugin works with all core Gutenberg blocks (blocks that start with "core/"). This includes paragraphs, headings, images, buttons, columns, and many more.

= Can I use this with custom blocks? =

Currently, the plugin is designed to work with core WordPress blocks. Custom blocks may not have the responsive controls unless they follow the same structure as core blocks.

= Does this affect my existing content? =

No, the plugin only adds controls to blocks. It doesn't modify existing content unless you specifically use the responsive controls on blocks.

= Is there a performance impact? =

The plugin is optimized for performance. It only loads the necessary scripts and styles in the editor and generates minimal CSS for the frontend.

= Can I disable responsive controls for specific blocks? =

Currently, all core blocks will have the responsive controls available. Future versions may include options to disable controls for specific blocks.

= What happens if I deactivate the plugin? =

Your content will remain intact, but any responsive styling applied through the plugin will no longer be visible. The blocks will display with their default styling.

== Screenshots ==

1. Block inspector showing responsive controls panel with display, typography, and color options
2. Device-specific controls for mobile, tablet, and desktop
3. Responsive typography controls with device-specific font size settings

== Changelog ==

= 1.0.0 =
* Initial release
* Added display controls for mobile, tablet, and desktop
* Added responsive typography controls
* Added responsive color controls
* Added responsive dimensions controls
* Added responsive alignment controls
* Added responsive background image controls
* Added responsive border and shadow controls
* Integrated with Gutenberg block inspector

== Upgrade Notice ==

= 1.0.0 =
Initial release of Block Responsive plugin with comprehensive responsive controls for Gutenberg blocks.