scss @contentを使った媒体查询の混入

Posted 2021-05-18

/**
 * media query
 */
@mixin mq-small {
  @media only screen and (max-width: 768px) {
    @content;
  }
}

@mixin mq-large {
  @media only screen and (min-width: 769px) {
    @content;
  }
}