30 行
782 B
SCSS
30 行
782 B
SCSS
// @desc - メディアクエリを`min-width`で挿入します。
|
|
// @param {String} $breakpoint [$_default-breakpoint] - 引数に変数のキーワードを渡します。
|
|
// @see - $_breakpoint-up
|
|
// @example scss - Usage
|
|
// .foo {
|
|
// color: red;
|
|
// @include _mq-up {
|
|
// color: blue;
|
|
// }
|
|
// }
|
|
// @example css - CSS output
|
|
// .foo {
|
|
// color: red;
|
|
// }
|
|
// @media screen and (min-width: 768px) {
|
|
// .foo {
|
|
// color: blue;
|
|
// }
|
|
// }
|
|
@mixin pc($breakpoint: $_default-breakpoint) {
|
|
@if map-has-key($_breakpoint-up, $breakpoint) {
|
|
@media screen and (min-width: 1068px) {
|
|
@content;
|
|
}
|
|
} @else {
|
|
@warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
|
|
+ "Please make sure it is defined in `$_breakpoint-up` map.";
|
|
}
|
|
}
|