You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have polymer dom-modules with some custom shared styles published by other team on my project or published by polymer team (like iron-flex-layout/iron-flex-layout-classes.html)
I would like to be able to use these styles in some of my Angular2 components.
Currently it's not possible to access styles defined within dom-module in Angular2 component.
Example of possible implementation for re-use of iron-flex-layout/iron-flex-layout-classes.html:
@Component({
stylesIncludeFromPolymer: ['iron-flex', 'iron-flex-reverse', 'iron-flex-alignment']
template: `
<div class="layout horizontal-reverse center-justified">
<div>This div is styled from the Polymer iron-flex-layout-classes.html</div>
<div>Another div that should be positioned to the left of previous one</div>
</div>
`
})
The text was updated successfully, but these errors were encountered:
import{IncludeStyles}from'@codebakery/origami/styles';
@IncludeStyles('iron-flex','iron-flex-reverse','iron-flex-alignment')
@Component({template: ` <div class="layout horizontal-reverse center-justified"> <div>This div is styled from the Polymer iron-flex-layout-classes.html</div> <div>Another div that should be positioned to the left of previous one</div> </div> `})
UseCase:
iron-flex-layout/iron-flex-layout-classes.html
)Example of possible implementation for re-use of
iron-flex-layout/iron-flex-layout-classes.html
:The text was updated successfully, but these errors were encountered: