博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
sass - 公用方法封装
阅读量:6077 次
发布时间:2019-06-20

本文共 1404 字,大约阅读时间需要 4 分钟。

// 设置宽高@mixin wh($wid,$hei){    @if $wid {        width: $wid;    }    @if $hei {        height: $hei;    }    overflow: hidden;}// 设置高度与行高一致@mixin lineH($index){    height: $index;    line-height: $index;}// 父元素相对,子元素绝对@mixin absolut($index){    position: relative;    &:after{        content: "";        position: absolute;        z-index: $index;    }}// 文本样式@mixin txts($fs,$cl){    @if $fs {        font-size: $fs;    }    @if $cl {        color: $cl;    }}// 透明度设置@mixin op($index){    opacity: $index;    filter: alpha(opacity = ($index * 100));}// 背景图@mixin bgImg($link){    background: url("../img/"+$link) no-repeat;}// icon图标@mixin iCon($w,$h,$bg,$index){    @include wh($w,$h)    @include bgImg($bg)    margin-right: $index;}// 变形@mixin transForm($index){    -webkit-transform: $index;    -moz-transform: $index;    -ms-transform: $index;    transform: $index;}// 制作小箭头@mixin arrow($clr,$index){        border-right: 1px solid $clr;        border-bottom: 1px solid $clr;        @include transForm(rotate($index))}// 圆角度@mixin radiu($index){ -webkit-border-radius: $index; -moz-border-radius: $index; border-radius: $index;}// 盒阴影@mixin boxSd($shadow...){    -webkit-box-shadow: $shadow;    -moz-box-shadow: $shadow;    -ms-box-shadow: $shadow;    box-shadow: $shadow;}// 常用内联块元素设置%inlineB{    display: inline-block;    _display: inline;}

 

转载于:https://www.cnblogs.com/padding1015/p/8663540.html

你可能感兴趣的文章
Windows Server 2012 Release Candidate (RC发行预览版) Datacenter抢鲜看
查看>>
疯狂ios讲义之疯狂连连看游戏简介
查看>>
shell编程培训之shell的工作原理
查看>>
Linux环境变量配置介绍及实战
查看>>
【VMCloud云平台】SCCM (九)添加报表点
查看>>
有关puppet agent端三种备份恢复方案探讨研究
查看>>
Linux下/etc/fstab文件详解
查看>>
统一沟通-技巧-13-Lync-Polycom RMX 1500-配置
查看>>
WindowsServer 2008 R2 Active Directory PowerShell
查看>>
大数据虚拟化零起点-3基础运维第二步-安装vSphere 5.1
查看>>
App-V5.0服务器部署
查看>>
Gartner:2012年大数据HypeCycle
查看>>
Lync 小技巧-4-我是否应该用动态内存
查看>>
写给同事的一封信
查看>>
详解Kafka生产者Producer配置
查看>>
SQL Server 2012笔记分享-9:理解列存储索引
查看>>
基于2.8版本redis配置文件中文解释
查看>>
《从零开始学Swift》学习笔记(Day 49)——扩展声明
查看>>
SFB 项目经验-58-Exchange 2016-POP3-配置-几年之伤(生产环境)
查看>>
网络资源管理系统LANsurveyor实战体验
查看>>