【内推字节】欢迎简历chengxinsong@bytedance.com
在 webpack 中使用 compass的mixins
发布于 作者 superadmin 411 次浏览 来自 分享

在使用过程中,SASS中的Mixins让我觉得他的功能强大,使用方便——SASS的Mixins可以一次性定义功能模块,让你在任何地方调用,并且可以无限制的重用。

1. npm i compass-mixins --save
2. style.scss:

@import "node_modules/compass-mixins/lib/compass/css3";

body {
  @include opacity(0.1);
}


.content {
  position: relative;
  width: 1024px;
  margin: 50px auto;
  @include border-radius(5px);
  background-color: #fff;
  overflow: hidden;
  @media screen and (max-width: 1024px) {
    width: 100%;
    margin: 0;
    @include border-radius(0);
  }
}
发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!
您正在使用的浏览器是,不在支持范围内!
为了您的正常使用与展示,推荐使用Chrome浏览器68以上版本
支持浏览器:
火狐浏览器最新版
Safari浏览器最新版
Edge浏览器最新版
IE浏览器10,11