list: unstyled

view source

Remove default styling from a list.

use-name

scut-list-unstyled

type

mixin, with default-values placeholder

arguments

$no-margin

default

true

If true, top and bottom margins will be removed from the list.

Specifically, remove padding-left, list-style-type, and optionally margin-top and margin-bottom.

example

SCSS

.eg-unstyled-list-1 {
  @include scut-list-unstyled;
  // or @extend %scut-list-unstyled;
  }
.eg-unstyled-list-2 {
  @include scut-list-unstyled(false);
}

compiled CSS

.eg-unstyled-list-1 {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.eg-unstyled-list-2 {
  list-style-type: none;
  padding-left: 0;
}

Result

list item
list item
list item

list-with-margins item
list-with-margins item
list-with-margins item