// Divider
//
// Can be used as an `<hr>`, an empty `<div>` or as a container.

.divider,
%divider {
  // Add vertical rhythm margins.
  margin-block: var(--spacing-m);
  border: 0;
  border-block-start: 1px solid var(--color-border);

  // If used as a container, add a top margin to the first child.
  > :first-child {
    margin-block-start: var(--spacing-m);
  }
}