Contents

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

@mixin box($width: 100px, $height: false) {

  width: $width;

  @if $height {
    height: $height;
  }
  @else {
    height: $width;
  }

}

@mixin circle($diam: 100px) {
  width: $diam;
  height: $diam;
  @include border-radius($diam/2);
}

@mixin centerXY($width: 100px, $height: 100px, $position: absolute) {
  display: block;

  position: $position;

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

@mixin max-width($max: 1100px) {
  max-width: $max;
  @if $legacy-support-for-ie6 {
    width: expression(document.body.clientWidth > parseInt("#{round($max)}") ? "#{$max}" : "auto");
  }
}

@mixin min-max-width($min: 400px, $max: 960px) {
  @include min-width($min);
  @include max-width($max);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
compass-capucine-0.2.3	stylesheets/compass-capucine/_box.scss
compass-capucine-0.2.2	stylesheets/compass-capucine/_box.scss
compass-capucine-0.2.1	stylesheets/compass-capucine/_box.scss