This file can be imported using:
@import "compass/utilities/tables/borders"
=outer-table-borders($width: 2px, $color: black) border: $width solid $color thead th border-bottom: $width solid $color tfoot th, td border-top: $width solid $color th &:first-child border-right: $width solid $color
@mixin outer-table-borders($width: 2px, $color: black) { border: $width solid $color; thead { th { border-bottom: $width solid $color; } } tfoot { th, td { border-top: $width solid $color; } } th { &:first-child { border-right: $width solid $color; } } }
=inner-table-borders($width: 2px, $color: black) th, td border: right: $width solid $color bottom: $width solid $color left-width: 0px top-width: 0px &:last-child, &.last border-right-width: 0px // IE8 ignores rules that are included on the same line as :last-child // see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details tbody, tfoot tr:last-child th, td border-bottom-width: 0px tr.last th, td border-bottom-width: 0px
@mixin inner-table-borders($width: 2px, $color: black) { th, td { border: { right: $width solid $color; bottom: $width solid $color; left-width: 0px; top-width: 0px; }; &:last-child, &.last { border-right-width: 0px; } } // IE8 ignores rules that are included on the same line as :last-child // see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details tbody, tfoot { tr:last-child { th, td { border-bottom-width: 0px; } } tr.last { th, td { border-bottom-width: 0px; } } } }