scss入门笔记

原创 2016年08月31日 10:49:29

定义变量:

$linkColor: #08c; 
/*使用*/
a {  
    text-decoration:none;  
    color:$linkColor;  
    &:hover{  
      color:darken($linkColor,10%);  /* 颜色为10% */
    }  
} 

函数:
1、map_get

$theme:(blue:#13d2cd,yellow:#ffbd43);
/*使用*/
.aa{
    color: map_get($theme, blue);
}

关于SCSS入门功能(上)

最近开始学习使用scss,把我的感受和大家分享一下 首先是机制 我们直接手写的是.scss,然后在启动工程的情况下,scss会自动编译成.css,来提供给HTML,所以反过来说,我们在html中要...

前端之Sass/Scss实战笔记

http://segmentfault.com/a/1190000003742313 主题 Sass Introduction Sass 有两种语法规则(syntaxes),...
  • yzbben
  • yzbben
  • 2017年01月13日 11:50
  • 410

web新技术scss

  • 2016年03月14日 21:06
  • 127KB
  • 下载

Sass/Scss基础——rem与px的自动转换

Sass/Scss中rem的使用 在CSS中,实现px和rem转换非常简单,但每次使用都需进行计算。虽然在html中设置font-size:62.5%即16px*62.5%=10px;会给大家带来...
  • ITYang_
  • ITYang_
  • 2017年03月18日 21:06
  • 4192

scss3_ch2_code

  • 2014年05月15日 10:59
  • 24KB
  • 下载

Scss强大的Mixins指令

定义一个Mixins: @mixin@mixin large-text { font: { family: Arial; //会编译成font-family... size: 20...

SCSS中文教程

  • 2015年08月05日 16:49
  • 656KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:scss入门笔记
举报原因:
原因补充:

(最多只允许输入30个字)