https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
800 B
23 lines
800 B
12 years ago
|
@mixin alternating-rows-and-columns($even-row-color, $odd-row-color, $dark-intersection, $header-color: white, $footer-color: white) {
|
||
|
|
th {
|
||
|
|
background-color: $header-color;
|
||
|
|
&.even, &:nth-child(2n) {
|
||
|
|
background-color: $header-color - $dark-intersection; } }
|
||
|
|
tr {
|
||
|
|
&.odd, &:nth-child(2n+1) {
|
||
|
|
td {
|
||
|
|
background-color: $odd-row-color;
|
||
|
|
&.even, &:nth-child(2n) {
|
||
|
|
background-color: $odd-row-color - $dark-intersection; } } }
|
||
|
|
}
|
||
|
|
tr.even {
|
||
|
|
td {
|
||
|
|
background-color: $even-row-color;
|
||
|
|
&.even, &:nth-child(2n) {
|
||
|
|
background-color: $even-row-color - $dark-intersection; } } }
|
||
|
|
tfoot {
|
||
|
|
th, td {
|
||
|
|
background-color: $footer-color;
|
||
|
|
&.even, &:nth-child(2n) {
|
||
|
|
background-color: $footer-color - $dark-intersection; } } } }
|