Contents

/*
  +unselectable
  +hidden
  +visually-hidden
  +clear-both
  +scale-img
  +selection
  +pressed-effect
  +vertical-gradient
  +fake-helvetica
  +smart-text-shadow

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

=unselectable()
  -moz-user-select: -moz-none
  -khtml-user-select: none
  -webkit-user-select: none
  user-select: none

=hidden()
  display: none !important
  visibility: hidden

=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

=clearfix()
  clear: both
  display: block
  *zoom: 1
  &:before, &:after
    content: "\0020"
    display: table
  &:after
    clear: both

=scale-img()
  max-width: 100%
  height: auto

=selection($background: #111, $color: #fff)
  ::-moz-selection
    background: $background
    color: $color

  ::selection
    background: $background
    color: $color

=pressed-effect($top: 1px, $left: false, $right: false)
  &:active
    position: relative
    top: $top

    @if $left
      left: $left
    @if $right
      right: $right

=vertical-gradient($top: #222, $bottom: #777)
  +background-image(linear-gradient($top, $bottom))
  +filter-gradient($top, $bottom)

=fake-helvetica($fonts: sans-serif)
  font-family: Arial, $fonts
  letter-spacing: -1px

=smart-text-shadow($color: #fff, $pixels: 1px)
  +text-shadow($color 0 $pixels 0)

$capucine-helpers-classes: true !default
@if $capucine-helpers-classes == true

  .unselectable
    +unselectable

  .cf
    +clearfix

  .scale
    +scale-img

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
compass-capucine-0.1.2	stylesheets/compass-capucine/_helpers.sass
compass-capucine-0.1.1	stylesheets/compass-capucine/_helpers.sass