Lower Roman custom list type

Lower Roman

/* Romeinse opsomming */

ul.romeins {
  counter-reset: item;
  margin-left: 0;
  list-style-type: none;
}
ul.romeins li {
  display: block;
  margin-bottom: 0;
  margin-left: 20px;
  padding-bottom: 0 !important;
}

ul.romeins.strak {
  margin-left: -15px;

}

ul.romeins li::before {
  display: inline-block;
  content: "(" counter(item, lower-roman) ") ";
  counter-increment: item;
  width: 40px;
  margin-left: -40px;
}

Dash (gedachtenstreep)

/* Gedachtenstreep opsomming */

ul.dash {
  list-style-type: none;
}

ul.dash li {
  display: block;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0 !important;
}
ul.dash.strak {
  margin-left: -15px;

}

ul.dash li::before {
  display: inline-block;
  content: '\2014';
  width: 20px;
  margin-left: -20px;
}
Last update: April 23rd at 12:03pm