Contents

/*
  +box
  +circle
  +square
  +centerX
  +centerXY
  +min-max-width
  +max-width

@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)
  display: block
  position: absolute
  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

3 entries across 3 versions & 1 rubygems

Version	Path
compass-capucine-0.1.2	stylesheets/compass-capucine/_box.sass
compass-capucine-0.1.1	stylesheets/compass-capucine/_box.sass
compass-capucine-0.1.0	stylesheets/compass-capucine/_box.sass