Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$breakpoints: (mobile: 767px, tablet: 992px, desktop: 1200px);

@mixin respond-to($breakpoint) {
  @if map-has-key($breakpoints, $breakpoint) {
    @media (min-width: #{map-get($breakpoints, $breakpoint)}) {
      @content;
    }
  }
  @else {
    @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. " + "Please make sure it is defined in `$breakpoints` map.";
  }
}

.element {
  @include respond-to(mobile) {
    content:"Mobile";
  }
   @include respond-to(tablet) {
    content:"Tablet";
  }
   @include respond-to(desktop) {
    content:"Dekstop";
  }
}

SassMeister-output.css

@media (min-width: 767px) {
  .element {
    content: "Mobile";
  }
}

@media (min-width: 992px) {
  .element {
    content: "Tablet";
  }
}

@media (min-width: 1200px) {
  .element {
    content: "Dekstop";
  }
}