<div id='p'>
  this text has no shadow
</div>
<div id='p'>
  <span class='has-shadow'>this text has a shadow</span>
</div>
<div id='p'>
  <span class='has-custom-shadow'>this text has a custom shadow</span>
</div>

#p
    this text has no shadow
#p
    %span(class="has-shadow") this text has a shadow
#p
    %span(class="has-custom-shadow") this text has a custom shadow

@import "https://compass-style.org/files/docs/examples/compass/css3/compass/css3";
.has-shadow {
  @include text-shadow; }
.has-custom-shadow {
  @include text-shadow(red, 3px, 3px, 0); }

@import https://compass-style.org/files/docs/examples/compass/css3/compass/css3
.has-shadow
  +text-shadow
.has-custom-shadow
  +text-shadow(red, 3px, 3px, 0)

@charset "UTF-8";
.has-shadow {
  text-shadow: #aaaaaa 1px 1px 1px;
}
.has-custom-shadow {
  text-shadow: red 3px 3px 0;
}