Hi,
could I have some style in a .css like this:
demo-card-wide.mdl-card {
width: 512px;
}
.demo-card-wide > .mdl-card__title {
color: #fff;
height: 176px;
background: url('../../../../src/main/resources/Unknown.jpeg') center /
cover;
}
.demo-card-wide > .mdl-card__menu {
color: #fff;
}
and apply to a new component based on container component (called "Card")
in this way:
<mdl:Card className="demo-card-wide">
<mdl:CardTitle/>
....
?
1.- I was expecting to see the component 512px wide, but this is not applied
2.- since the generated html is well formed as expected, I expected to see
CSS applying to child nodes as expected.
3.- If I use in a CardTitle a property "style" I get some styles applied :
color: #fff; height: 176px;
but not "background"
3.- using a <js:Image/> I can get the image loaded, but using the
"background" style I can't get the image load, maybe is a matter of paths?
--
Carlos Rovira
http://about.me/carlosrovira
