@use "sass:math";

@import '~styles/config';

.toggleItems {
  @include grid-col;

  display: flex;
  flex-wrap: wrap;
  margin: 0;


  @media (min-width: $min-tablet) {
    flex-direction: column;
    margin-top: $gutter;
    margin-right: calc(#{percentage(math.div(1, 12))} - #{$gutter} / 2);
    width: calc(#{percentage(math.div(3, 12))} + #{$gutter} / 2);
  }

  @media (min-width: $min-desktop) {
    width: calc(#{percentage(math.div(2, 12))} + #{$gutter} / 2);

    &.pull {
      margin-left: percentage(math.div(1, 12));
    }
  }
}