br

This is the coupled pair of mixins allows to manipulate over the line breaks that were set manually with br tag.

br-hide

Removes a line breaks inside of the current element.

Arguments

Example

@use 'more-sass' as more;

.element {
  @include more.br-hide;
}
.element br {
  display: none;
}

br-show

Restores a line breaks inside of the current element.

Arguments

Example

@use 'more-sass' as more;

.element {
  @include more.br-show;
}
.element br {
  display: block;
}
Edit this page on GitHub Updated at Tue, Jun 24, 2025