Compass Text Shadow

Provides a mixin for CSS text shadows. See CSS3 spec: text-shadow.

This file can be imported using: @import "compass/css3/text-shadow"

View the Source for this module on Github.

Examples

Text-shadow

css3 mixin for text-shadow

Imports

The following sass files are automatically imported when you import this file:

1. CSS3 Utilities

Configurable Variables help

$default-text-shadow-color

Value

#aaaaaa

Description

These defaults make the arguments optional for this mixin If you like, set different defaults in your project

$default-text-shadow-h-offset

Value

1px

$default-text-shadow-v-offset

Value

1px

$default-text-shadow-blur

Value

1px

Mixins

text-shadow($color, $hoff, $voff, $blur)

=text-shadow($color: $default-text-shadow-color, $hoff: $default-text-shadow-h-offset, $voff: $default-text-shadow-v-offset, $blur: $default-text-shadow-blur)
  // XXX I'm surprised we don't need experimental support for this property.
  @if $color == none
    text-shadow: none
  @else
    text-shadow: $color $hoff $voff $blur

@mixin text-shadow($color: $default-text-shadow-color, $hoff: $default-text-shadow-h-offset, $voff: $default-text-shadow-v-offset, $blur: $default-text-shadow-blur) {
  // XXX I'm surprised we don't need experimental support for this property.
  @if $color == none {
    text-shadow: none; }
  @else {
    text-shadow: $color $hoff $voff $blur; } }