Question

有没有办法使用

“breakpoint”

中的sass

“Prepros”

Answer 1

您可以在不同的文件中编写断点，并将该文件命名为“_breakpoint.scss”

在您的主app.scss中，您可以使用导入功能调用依赖文件。所以在你的app.scss中你会写： -

app.scss @import“_breakpoint.scss”;

现在您可以在此文件中使用断点，该文件已在_breakpoint.scss文件中定义。

希望明确!!

Answer 2

是的。这是一个示例：

@mixin breakpoint($point) {
    @if $point == xs {
        @media (min-width: 420px) { @content; }
    } @else if $point == sm {
        @media (min-width: 640px) { @content; }
    } @else if $point == md {
        @media (min-width: 960px)  { @content; }
    }
}

...指定任意数量。然后使用断点就这么简单：

.my-class {
    color: red;

    @include breakpoint(md) {
        color: blue;
    }

}

在此示例中，.my-class的颜色将为红色，除非视口的宽度至少为960px，在这种情况下，.my-class的颜色将为蓝色。

我希望这会有所帮助。

在Prepros中使用sass断点

2 个答案: