Compass functions image-height and image-width

Line height equal to arrow.png’s height and right padding equal to arrow.png’s width , plus 10px. We are using image-height() and image-width() to automate the values.

@import "compass";

.entry {
  background: image-url("arrow.png") right center no-repeat;
  line-height: image-height("arrow.png");
  padding-right: image-width("arrow.png") + 10px;
}

Add your comment