scss / sass
scss
@import "compass/utilities/tables";
#padding-box {
@include background-clip(padding-box);
}
@mixin min-height($value) {
@include hacked-minimum(height, $value);
}
.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)