zoukankan      html  css  js  c++  java
  • Scss sass


    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 {
         double(5px);
      }

  • 相关阅读:
    CF293E Close Vertice
    [SCOI2016]幸运数字
    [NOI2003]逃学的小孩
    0302读后感
    1231递归下降语法分析
    1210-有穷自动机
    11.12 评论汇总
    1029语言文法
    0921 词法分析
    0909开启编译原理之路
  • 原文地址:https://www.cnblogs.com/jayruan/p/5324745.html
Copyright © 2011-2022 走看看