# selector-queries

**Repository Path**: mirrors_rubenv/selector-queries

## Basic Information

- **Project Name**: selector-queries
- **Description**: Adjust the layout of an HTML element based on its width
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-18
- **Last Updated**: 2026-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Selector queries and responsive containers
==========================================

This script allows you to apply different class values to an HTML element based on its width. Use it as follows:

    <div data-squery="min-width:400px=wide max-width:10em=small">
        <p>Content here</p>
    </div>
    
This will apply a class of `wide` when the element is wider than 400 pixels and a class of `small` when it is narrower than 10 ems. It works in all modern browsers back to and including IE6.

That's all.