> For the complete documentation index, see [llms.txt](https://docs.ushahidi.com/platform-developer-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ushahidi.com/platform-developer-documentation/dev-legacy-v3/front-end-development/changing-ui-styles-introduction-to-the-pattern-library/helpers.md).

# Helpers

The assets/sass/utils/\_helpers.scss file provides a handful of helper classes.

## Example

The .divider helper class provides a quick way to display a page/section divider.

### Sass

```
.divider  {
    height: 1px;
    width: 100%;
    background: $lt-gray;
    margin: $sm-spacing 0;
    clear: both;

    &.padded {
        margin: $base-spacing 0;
    }

    &.white {
        background: $white;
    }
}
```

### In HTML

class="divider"(default)

class="divider padded"(with padding)

class="divider white"(to be used over a dark background)