# dummy

**Repository Path**: mirrors_thoughtbot/dummy

## Basic Information

- **Project Name**: dummy
- **Description**: An easy way to identify and style "dummy" classes as needed
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: gh-pages
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Dummy

Dummy makes it clear what elements on the page are "dummy" info (i.e.
still need to be implemented on the backend) by making them visibly different
from other elements on the page. This makes it easy to tell what still needs to
be done in development.

![dummy-demo](https://raw.githubusercontent.com/thoughtbot/dummy/a0fbc6bea6d03bd5d25d961c3a3d4872320ae4a0/dummy-demo.gif)

## Usage

In your main application styling page, add a script for dummy and a link
to it's stylesheet.

```
<script src="https://thoughtbot.github.io/dummy/toggle-dummy.js">
</script>
<link rel="stylesheet" type="text/css"
href="https://thoughtbot.github.io/dummy/toggle-dummy.css">
```

You will need to add the `dummy` class to any elements in your UI that
aren't complete on the backend.

The default behavior is to reduce the opacity of dummy elements in your UI when
dummy is active. You can also overwrite this behavior by modifying the styling
for the `.dummy.is-active` elements in your application. For example:

```scss
//dummy.scss

.dummy {
  &.is-active{
    background-color: red;
  }
}
```

## Contributing

See the [CONTRIBUTING] document.
Thank you, [contributors]!

  [CONTRIBUTING]: CONTRIBUTING.md
  [contributors]: https://github.com/thoughtbot/dummy/graphs/contributors

## License

Dummy is Copyright (c) 2016 thoughtbot, inc.
It is free software, and may be redistributed
under the terms specified in the [LICENSE] file.

  [LICENSE]: /LICENSE

## About

![thoughtbot](https://thoughtbot.com/logo.png)

Dummy is maintained and funded by thoughtbot, inc.
The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software!
See [our other projects][community]
or [hire us][hire] to help build your product.

  [community]: https://thoughtbot.com/community?utm_source=github
  [hire]: https://thoughtbot.com/hire-us?utm_source=github