hanging indent

view source

Implement a "hanging indent," which applies to all lines but the first — as opposed to the "normal" indent (applying only to the first line), that you're accustomed to from paragraphs in those print publications you may have glanced at before computers took over your life.

use-name

scut-hanging-indent

type

mixin, with default-values placeholder

arguments

$indent

default

1em

My Chicago Manual of Style also calls it the flush-and-hang style. I like that.

Hanging indents are standard fare for indexes and works cited, but may seem obscure to you if you're no scholar … until one day you realize that you do need them, and have needed them all along …

example

SCSS

.eg-hanging-indent-1 {
  @include scut-hanging-indent;
  // or @extend %scut-hanging-indent;
}
.eg-hanging-indent-2 {
  @include scut-hanging-indent(2em);
}

compiled CSS

.eg-hanging-indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}

.eg-hanging-indent-2 {
  padding-left: 2em;
  text-indent: -2em;
}

Result

Lastname, Firstname. Title of the Work. City, State: Publisher, YEAR. Print.

Lastnameofanotherlady, Firstname. Title of Another Work. City, State: Publisher, YEAR. Print.