Source on Github

Compass Box Sizing

Provides a mixin for the box-sizing property, which allows you to change how the box model works. See W3C CSS3 spec: box-sizing.

This file can be imported using: @import "compass/css3/box-sizing"

Examples

Box-sizing
css3 mixin for box-sizing

Imports

  1. Shared Utilities

Mixins

view source

=box-sizing($bs)
  $bs: unquote($bs)
  +experimental(box-sizing, $bs, -moz, -webkit, not -o, not -ms, not -khtml, official)
@mixin box-sizing($bs) {
  $bs: unquote($bs);
  @include experimental(box-sizing, $bs, -moz, -webkit, not -o, not -ms, not -khtml, official);
}

Change the box model for Mozilla, Webkit, IE8 and the future

@param $bs [ content-box | border-box ]