@mixin margin($style: 8px) {
    margin: $style;

    @if $style == small {
        margin: 4px;
    }
}

$breakpoints: (
  'mobile': 576px,
  'tablet': 768px,
  'desktop': 1024px
);

@mixin respond-to($device) {
  @if map-has-key($breakpoints, $device) {
    @media (max-width: map-get($breakpoints, $device)) {
      @content;
    }
  }
}