compass-style.org/content/examples/compass/css3/background-clip/stylesheet.scss
@import "compass/css3.scss";
.example {
padding: 2em;
div {
background-color: blue;
border: 10px solid rgba(255, 0, 0, 0.5);
color: white;
@include text-shadow(darken(blue, 50%) 2px 2px);
padding: 3px;
text-align: center;
margin-bottom: 2em;
}
#padding-box {
@include background-clip(padding-box);
}
#border-box {
@include background-clip(border-box);
}
}