// Components :: MediaQueries :: Styles

@import '../../styles/settings/index';
@import '../../styles/tools/index';

.debug-mq {
  @include fixed(top 0 left 0);
  background: #3f3f3f;
  color: white;
  font-size: 14px;

  // &:after {
  //   content: 'Room';
  //   display: block;
  //   text: {
  //     align: center;
  //     transform: capitalize;
  //   }
  //
  //   @each $fabric-key, $fabric-value in $mq-breakpoints {
  //     @include mq($fabric-key) {
  //       content: '#{$fabric-key}, #{$fabric-value}';
  //     }
  //   }
  // }
}