Contents

@import "compass/css3/images";
@import "compass/css3/text-shadow";
@import "compass/css3/shared";

@mixin unselectable {
  @include experimental(user-select, none);
  -moz-user-select: -moz-none;

}

@mixin visually-hidden {
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  &.focusable {
    &:active, &:focus {
      clip: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
    }
  }
}

@mixin clearfix {
  clear: both;
  display: block;
  *zoom: 1;
  &:before, &:after {
    content: "\0020";
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin selection($background: #111111, $color: white) {

  ::-moz-selection {
    background: $background;
    color: $color;
  }
  ::selection {
    background: $background;
    color: $color;
  }
}

@mixin pressed-effect($top: 1px, $left: false, $right: false) {
  &:active {
    position: relative;
    top: $top;
    @if $left and $left != none {
      left: $left;
    }
    @if $right and $right != none {
      right: $right;
    }
  }
}

@mixin vertical-gradient($top: #222222, $bottom: #777777) {
  @include background-image(linear-gradient($top, $bottom));
  @include filter-gradient($top, $bottom);
}

@mixin smart-text-shadow($color: #fff, $pixels: 1px) {
  @include text-shadow($color 0 $pixels 0);
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass-capucine-0.2.1	stylesheets/compass-capucine/_helpers.scss