将sass压缩成css
2016-06-30 10:57
429 查看
压缩工具 https://github.com/oklai/koala
style.sass
以invite.sass为例
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
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法