/*doc
---
title: Horizontal Rule
name: hr
category: CSS
---

```html_example
<p>
  this is some text-color
</p>
<hr>
<p>
  this is more text text
</p>
```

```html_example
<p>Here's another example</p>
<hr class="small">
<p>With smaller margin</p>
```
*/
hr {
  margin: $gutter-vertical-x2 0;

  &.small {
    margin: ($gutter-vertical / 2) 0;
  }
}