# Gallery

## Description
This patterns provides a simple method to create galleries supporting fullscreen
display and touch controls.

## Documentation

Creating a gallery is very simple: just add the `pat-gallery` class to an
element and links containing image to it.

```html
<ul class="pat-gallery">
  <li><a href="images/full/1.jpg"><img src="images/thumb/1.jpg"/></a></li>
  <li><a href="images/full/2.jpg"><img src="images/thumb/2.jpg"/></a></li>
  <li><a href="images/full/3.jpg"><img src="images/thumb/3.jpg"/></a></li>
</ul>
```

### Properties

This pattern has no configurable properties.


# Gallery

## Description
This patterns provides a simple method to create galleries supporting fullscreen
display and touch controls.

## Documentation

Creating a gallery is very simple: just add the `pat-gallery` class to an
element and links containing image to it.

    <ul class="pat-gallery">
      <li><a href="images/full/1.jpg"><img src="images/thumb/1.jpg"/></a></li>
      <li><a href="images/full/2.jpg"><img src="images/thumb/2.jpg"/></a></li>
      <li><a href="images/full/3.jpg"><img src="images/thumb/3.jpg"/></a></li>
    </ul>

### Properties

This pattern has no configurable properties.


Use indent for example markup.
Use indent for example markup.
