Is it possible to have construction like this below.
.mod { }
.cleanBox extends .mod { }
.articleBox extends .cleanBox { }
and after that the articleBox should contains attributes from ".mod"
and those added and overwritten in '.cleanBox'
or I have to write.
.mod {}
.cleanBox {}
.articleBox extends .mod & .cleanBox {}
The first construction has some advantages over second, because in
the second example it is not possible to create .cleanBox object with
attributes from .mod
Cheers,
Pawel Dubiel
http://xcss.antpaw.org/onlinecompiler/
.mod { asdf:asdf; }
.cleanBox extends .mod { blub:foo; }
.articleBox extends .cleanBox { foo: blub; }
Thanks for the response.
I've asked this question beasue I had a few problems with my xcss code
and after all I think i found a minor bug in the xcss.
It looks like that code doesn't compile correctly ( endup with
"cleanBoxExtendedExtendedExtended h1" }
.mod {
self {
margin: 10px;
}
h1 {
font-size:40px;
}
}
.cleanBox extends .mod {
h1 {
font-size:60px;
}
}
.cleanBoxExtended extends .cleanBox {
}
.articleBox extends .cleanBox {
}
However when the name of the "cleanBoxExtended" is changed to
XXXXXcleanBoxExtended everything works fine.
Cheers,
Pawel