Contents

.square {
  width: 100px;
  height: 100px;
  background: #F0C526;
}

.box {
  width: 200px;
  height: 100px;
  background: #F78331;
}

.circle {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background: #F73158;
}

.centerXY {
  display: block;
  position: absolute;
  width: 300px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  background: #9E1B90;
}

.max-width {
  max-width: 200px;
  width: expression(document.body.clientWidth > parseInt("200px") ? "200px" : "auto");
  height: 100px;
  background: #C231F7;
}

.min-max-width {
  min-width: 500px;
  width: auto !important;
  width: 500px;
  max-width: 800px;
  width: expression(document.body.clientWidth > parseInt("800px") ? "800px" : "auto");
  height: 100px;
  background: #5C31F7;
  margin: 0 auto;
}

.max-width-no-ie6 {
  max-width: 230px;
}

.min-max-width-no-ie6 {
  min-width: 100px;
  max-width: 230px;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
compass-capucine-0.2.3	examples/css_generated/box.css
compass-capucine-0.2.2	examples/css_generated/box.css
compass-capucine-0.2.1	examples/css_generated/box.css