sass_混合声明和调用
来源:互联网 发布:sql 链接查询结果 编辑:程序博客网 时间:2024/06/05 19:20
混合声明和调用
sass中使用@mixin声明混合,可以传递参数,参数名以$符号开始,多个参数以逗号分开,也可以给参数设置默认值。
声明的@mixin通过@include来调用。
在 Sass 中,使用“@mixin”来声明一个混合宏。如:
- @mixin border-radius{
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
其中 @mixin 是用来声明混合宏的关键词,有点类似 CSS 中的 @media、@font-face 一样。border-radius 是混合宏的名称。大括号里面是复用的样式代码。
在一个按钮中要调用定义好的混合宏“border-radius”,可以这样使用:
- button {
- @include border-radius;
- }
这个时候编译出来的 CSS:
- button {
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
0 0
- sass_混合声明和调用
- Sass预编译语言之@mixin混合的几种声明和调用方式
- 函数声明和调用
- C51和汇编混合编程----函数声明
- C和C++混合调用
- c和c++混合调用
- SASS_学习
- Python和VC混合调用的问题
- 混合调用和开启服务的生命周期
- 混合调用C和C++代码
- VS2013和matlab相互调用混合编程
- 汇编和c函数交叉混合调用
- matlab和vs混合调用问题
- 纠结的混合声明
- DLL导出函数的声明和调用
- DLL导出函数的声明和调用
- 如何声明、实例化和调用委托。
- Objective-C的方法声明和调用
- iOS 获取当前设备具体型号(当前支持到iPhone7/iPhone7P )、系统版本、电量、序列号、设备名称、应用相关信息获取等
- solution of POJ:3190.Stall Reservations
- 机械设备用油液监测方法
- Android Material风格的应用(一)--AppBar TabLayout
- 二叉搜索树的实现和前序遍历
- sass_混合声明和调用
- WSO2 ESB(1)
- Android Material风格的应用(二)--RecyclerView
- 优雅编码框架简介一
- eclipse32位和64位的区别
- Android Material风格的应用(三)--DrawerLayout
- Fiddler2抓包中文乱码解决方法
- Android Material风格的应用(四)--FloatActionButton
- Swagger 一款RESTFUL接口的文档在线自动生成+功能测试功能软件