seed-list/dist/seed-list.css

List component pack for Seed

/**
 * seed-list v0.0.18 (https://github.com/helpscout/seed-list)
 * List component pack for Seed
 * Licensed under MIT
 */
.c-list__item,
.c-list > li {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 4px 0; }

.c-list {
  list-style: none;
  padding-left: 0;
  box-sizing: border-box; }

.c-list--xs > .c-list__item,
.c-list--xs > li {
  padding-bottom: 0;
  padding-top: 0; }

.c-list--sm > .c-list__item,
.c-list--sm > li {
  padding-bottom: 2px;
  padding-top: 2px; }

.c-list--md > .c-list__item,
.c-list--md > li {
  padding-bottom: 4px;
  padding-top: 4px; }

.c-list--lg > .c-list__item,
.c-list--lg > li {
  padding-bottom: 8px;
  padding-top: 8px; }

.c-list--xl > .c-list__item,
.c-list--xl > li {
  padding-bottom: 16px;
  padding-top: 16px; }

.c-list--block > .c-list__item,
.c-list--block > li {
  display: block; }

@media (min-width: 544px) {
  .c-list--block\@sm > .c-list__item,
  .c-list--block\@sm > li {
    display: block; } }

@media (min-width: 768px) {
  .c-list--block\@md > .c-list__item,
  .c-list--block\@md > li {
    display: block; } }

@media (min-width: 992px) {
  .c-list--block\@lg > .c-list__item,
  .c-list--block\@lg > li {
    display: block; } }

.c-list--bordered > .c-list__item,
.c-list--bordered > li {
  border-bottom: 1px solid;
  border-color: #eee; }

.c-list--dotted > .c-list__item,
.c-list--dotted > li {
  border-bottom: 1px dotted;
  border-color: #eee; }

.c-list--inline > .c-list__item,
.c-list--inline > li {
  display: inline-block;
  padding-left: 4px; }
  .c-list--inline > .c-list__item:first-child,
  .c-list--inline > li:first-child {
    padding-left: 0; }

@media (min-width: 544px) {
  .c-list--inline\@sm > .c-list__item,
  .c-list--inline\@sm > li {
    display: inline-block;
    padding-left: 4px; }
    .c-list--inline\@sm > .c-list__item:first-child,
    .c-list--inline\@sm > li:first-child {
      padding-left: 0; } }

@media (min-width: 768px) {
  .c-list--inline\@md > .c-list__item,
  .c-list--inline\@md > li {
    display: inline-block;
    padding-left: 4px; }
    .c-list--inline\@md > .c-list__item:first-child,
    .c-list--inline\@md > li:first-child {
      padding-left: 0; } }

@media (min-width: 992px) {
  .c-list--inline\@lg > .c-list__item,
  .c-list--inline\@lg > li {
    display: inline-block;
    padding-left: 4px; }
    .c-list--inline\@lg > .c-list__item:first-child,
    .c-list--inline\@lg > li:first-child {
      padding-left: 0; } }

.c-list--bullet {
  list-style-type: disc;
  padding-left: 16px; }
  .c-list--bullet > .c-list__item,
  .c-list--bullet > li {
    display: list-item; }

.c-list--number {
  list-style-type: decimal;
  padding-left: 16px; }
  .c-list--number > .c-list__item,
  .c-list--number > li {
    display: list-item; }