ul, ol {
 margin: 0 0 0 24px;

  li {
    padding-top: 6px;
  }
}

ul, ol {
  &.styled {
    margin: 0;

    li {
      background: white;
      min-width: 200px;
      padding: 8px 12px 8px 24px;
      margin: 16px 0;
      box-shadow: 0 4px 12px #eaeaea;
    }
  }

  &.bordered {
    li {
      border-bottom: 1px solid #eeeeee;

      &:last-child {
        border-bottom: none;
      }
    }
  }

  &.inset {
    li {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
}

ul {
  &.styled {
    list-style-type: none;
  }
}