@mixin export-map($map, $name: '', $stringify: false) {
  :export {
    @each $key, $value in $map {
      @if $value != null {
        @if ($stringify) {
           #{$key}: #{inspect($value)};
        } @else if (str-length($name) > 0) {
           #{$name}-#{$key}: #{$value};
        } @else {
          #{$key}: #{$value};
        }
      }
    }
  }
 }

@import '../mixins/export-map';

$breakpoints: (
  to-small:                                   ( max-width:  766px ),
  small:                                      ( min-width:  767px ),
  to-medium:                                  ( max-width:  991px ),
  medium:                                     ( min-width:  992px ),
  to-large:                                   ( min-width: 1199px ),
  large:                                      ( min-width: 1200px ),
  to-x-large:                                 ( min-width: 1599px ),
  x-large:                                    ( min-width: 1600px )
);

@include export-map($breakpoints, '', true);

import colors from '@/assets/styles/variables/_colors.scss'