@import 'xtend-library/src/core/list/_list.less';

/**
 * vars
 */

// generate class: [false], [true] non responsive only, [sm, md, lg] responsive @breakpoints

@generate-list: true;

// space

@list-spaces: none, mini, tiny, small, medium, large, big, giant; // if you change this change also variables names below
@list-space-none: 0 0; // vertical horizontal
@list-space-micro: .125rem .124rem;
@list-space-mini: .25rem .25rem;
@list-space-tiny: .5rem .5rem;
@list-space-small: 1rem 1rem;
@list-space-medium: 1.5rem 1.5rem;
@list-space-large: 2rem 2rem;
@list-space-big: 3rem 3rem;
@list-space-giant: 4rem 4rem;
@list-space-huge: 6rem 6rem;

/**
 * list
 */

// preset

.list-default {
  .list-space(small);
  .list-btns({
    .btn();
    .btn-default();
  });
}

.list-drop {
  .list-space(none);
  .list-btns({
    .btn();
    .btn-text();
    .btn-wide();
    .btn-squared();
  });
  // fill
  align-items: stretch;
  width: 100vw;
}