sass scss

scss / sass

scss

// import
@import "compass/utilities/tables";

// include
#padding-box {
  @include background-clip(padding-box);
}
// mixin
@mixin min-height($value) {
  @include hacked-minimum(height, $value);
}
// extend
.example {
  .base-class {
    background-color: #aaaaaa;
    border: 2px solid #777777;
    margin: 1em;
  }
  @for $i from 2 through 4 {
    .class-#{$i} {
      @extend .base-class;
      margin-left: 1em * ($i - 1);
    }
  }
}

sass

// import
@import compass/utilities/tables

// include
#border-box
  +background-clip(border-box)

// mixin
=min-height($value)
  +hacked-minimum(height, $value)

// extend
.example
  .base-class
    background-color: #aaaaaa
    border: 2px solid #777777
    margin: 1em
  @for $i from 2 through 4
    .class-#{$i}
      @extend .base-class
      margin-left: 1em * ($i - 1)

results for ""

    No results matching ""