Contents

@import "compass/css3/border-radius"
@import "compass/utilities/general/min"

=box($width: 100px, $height: 50px, $display: false)
  @if $display
    display: $display

  height: $height
  width: $width

=circle($diam: 100px)
  width: $diam
  height: $diam
  +border-radius($diam)

=square($size: 200px, $display: false)
  @if $display
    display: $display

  width: $size
  height: $size

=centerX()
  margin: 0 auto
  text-align: left

=centerXY($width: 100px,$height: 100px,$position: absolute)
  display: block

  @if $position
    position: $position

  width: $width
  height: $height
  top: 50%
  left: 50%
  margin-top: -$height/2
  margin-left: -$width/2

=max-width($max: 1100px)
  max-width: $max
  width: expression(document.body.clientWidth > parseInt("#{round($max)}") ? "#{$max}" : "auto")

=min-max-width($min: 400px, $max: 960px)
  +min-width($min)
  +max-width($max)

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
compass-capucine-0.2.0	stylesheets/compass-capucine/_box.sass
compass-capucine-0.2.0.rc1	stylesheets/compass-capucine/_box.sass