我正在尝试使用neat for bourbon,并且我已经解决了大部分问题,但是在创建断点时遇到了一些障碍。
我喜欢为移动设备、平板电脑、桌面电脑和大型桌面电脑创建单独的sass文件,通常不使用冒泡来创建我的媒体查询,因为我不喜欢它不仅会创建一个媒体查询,而是在整个css文件中都会创建多个。但是到目前为止,我只能找到冒泡方法的文档。
这是我所做的:
$largedesktop-size:em(1050);
// Bourbon Neat Breakpoints
$largedesktop: new-breakpoint(min-width $largedesktop-size 16);
@include media($largedesktop) {
body{
background:black;
}
}
我也试过这个方法,虽然可以更新背景颜色,但无法更新视觉网格:
// Media Queries Breakpoints
$tablet-size:em(700);
@include media(min-width $tablet-size 8) {
body{
background:orange;
}
}