博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Scss sass
阅读量:5059 次
发布时间:2019-06-12

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

http://www.ruanyifeng.com/blog/2012/06/sass.html
scss 声明:
1,$blue : #1875e7;
2,
.class1 {
    border: 1px solid #ddd;
}
3,
@mixin left ($value: 10px){
    float: left;
    margin-left: $value;
  }

附值:

1,color:$blue
1.1,border-#{$side}-radius
2, 
.class2 {
    @extend .class1;
    font-size:120%;
  }
3,div {
    @include left(20px);
  }

  @mixin rounded($vert, $horz, $radius: 10px) {

    border-#{$vert}-#{$horz}-radius: $radius;
    -moz-border-radius-#{$vert}#{$horz}: $radius;
    -webkit-border-#{$vert}-#{$horz}-radius: $radius;
  }
 #navbar li { @include rounded(top, left); }
#footer { @include rounded(top, left, 5px); }

@function double($n) {

    @return $n * 2;
  }
  #sidebar {
    width: double(5px);
  }

转载于:https://www.cnblogs.com/jayruan/p/5324745.html

你可能感兴趣的文章
满世界都是图论
查看>>
配置链路聚合中极小错误——失之毫厘谬以千里
查看>>
代码整洁
查看>>
蓝桥杯-分小组-java
查看>>
Java基础--面向对象编程1(类与对象)
查看>>
Android Toast
查看>>
iOS开发UI篇—Quartz2D使用(绘制基本图形)
查看>>
docker固定IP地址重启不变
查看>>
桌面图标修复||桌面图标不正常
查看>>
JavaScript基础(四)关于对象及JSON
查看>>
关于js sort排序方法
查看>>
JAVA面试常见问题之Redis篇
查看>>
javascript:二叉搜索树 实现
查看>>
网络爬虫Heritrix源码分析(一) 包介绍
查看>>
__int128的实现
查看>>
Problem - 1118B - Codeforces(Tanya and Candies)
查看>>
jdk1.8 api 下载
查看>>
svn 图标不显示
查看>>
getElement的几中属性介绍
查看>>
iOS 使用Quartz 2D画虚线 【转】
查看>>