test/indent/scss-mode.scss

   1 // Comment!
   2
   3 nav {
   4     ul {
   5         margin: 0;              /* More comment */
   6         padding: 0;
   7         list-style: none;
   8     }
   9
  10     li { display: inline-block; }
  11
  12     a {
  13         display: block;
  14         padding: 6px 12px;
  15         text-decoration: none;
  16     }
  17 }
  18 nav ul {
  19   margin: 0;
  20   padding: 0;
  21   list-style: none;
  22 }
  23
  24 nav li {
  25   display: inline-block;
  26 }
  27
  28 nav a var
  29 {
  30   display: block;
  31   padding: 6px 12px;
  32   text-decoration: none;
  33 }
  34
  35 $name: foo;
  36 $attr: border;
  37 p.#{$name} var
  38 {
  39     x#{$attr}-color: blue;
  40 }
  41 article[role="main"] {
  42     $toto: 500 !global;
  43     float: left;
  44     width: 600px / 888px * 100%;
  45     height: 100px / 888px * 100%;
  46 }
  47
  48 @import 'reset';
  49
  50 @mixin border-radius($radius) {
  51     -webkit-border-radius: $radius;
  52     -moz-border-radius: $radius;
  53     -ms-border-radius: $radius;
  54     border-radius: $radius;
  55 }
  56
  57 .box { @include border-radius(10px); }