MelangeCSS Reference

Current Version: 1.0.0-RC5

Lists

Lists are a commonly-used semantic element that are thankfully short on special properties and configuration.

Properties

List Style Position
lsp-inside
List Style Position Inside
.lsp-inside {
  list-style-position: inside;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lsp-outside
List Style Position Outside
.lsp-outside {
  list-style-position: outside;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
List Style Type

There are a large number of possible list style types, so these values are arguably English-centric.

lst-none
List Style Type None
.lst-none {
  list-style-type: none;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-disc
List Style Type Disc
.lst-disc {
  list-style-type: disc;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-circle
List Style Type Circle
.lst-circle {
  list-style-type: circle;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-square
List Style Type Square
.lst-square {
  list-style-type: square;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-decimal
List Style Type Decimal
.lst-decimal {
  list-style-type: decimal;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-lower-roman
List Style Type Lower Roman
.lst-lower-roman {
  list-style-type: lower-roman;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC
lst-upper-roman
List Style Type Upper Roman
.lst-upper-roman {
  list-style-type: upper-roman;
}

Current Dunes:

  • Lynch Dune
  • Sci-Fi Dune
  • DUNC