您的位置:首页 > Web前端 > CSS

将sass压缩成css

2016-06-30 10:57 429 查看
压缩工具 https://github.com/oklai/koala

style.sass

// 插件样式
@import 'weui.min.css'
@import 'swiper.min.css'
@import 'dropload.css'
@import 'alert.css'

// 基本样式
@import basic.sass
@import form.sass
@import common.sass

// 页面样式
@import home.sass
@import index.sass
@import deal-details.sass
@import deal.sass
@import exhibition-detail.sass
@import exhibition-lists.sass
@import exhibition.sass
@import need-confirm.sass
@import sale.sass
@import salesShow-detail.sass
@import salesShow.sass
@import shopping.sass
@import storage.sass
@import submit-product.sass
@import trading-record.sass
@import user.sass
@import invite.sass


以invite.sass为例

.invite
.banner-w
width: 560px
margin: 40px
img
width: 100%
.text
padding: 0px 80px
font-size: 1.6em
line-height: 1.6em
color: #666
.text-center
margin-top: 30px
color: #222
text-align: center
font-size: 2.2em
.largest
color: #ff3848
font-size: 1.8em
.large
font-size: 1.2em
color: #222

.operator-w
display: flex
padding: 0px 40px
margin-top: 80px
.icon-w
width: 33.33%
height: 160px
.img-w
margin: auto
width: 100px
height: 100px
background-image: #f4f4f2
background-position: center
background-repeat: no-repeat
border: 1px solid #999
border-radius: 50%
.img-weixin
background-image: url(images/icon_weixin.png)
.img-friends
background-image: url(images/icon_friends.png)
.img-share
background-image: url(images/icon_qrCode.png)
.icon-text
margin-top: 20px
color: #222
font-size: 1.4em
text-align: center
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css