A small remark on your import markup, according with the documentation
<https://www.polymer-project.org/1.0/docs/devguide/styling.html#external-stylesheets>,
the syntax import external css files in the dom-module since polymer 1.0 is
this:
<dom-module id="my-awesome-button">
<!-- special import with type=css used to load remote CSS -->
<link rel="import" type="css" href="my-awesome-button.css">
<template>
...
</template>
<script>
Polymer({
is: 'my-awesome-button',
...
});
</script>
I think what is missing on your code is the type='css' attribute, I am
doing that, the css is imported fine, it works, but when using @apply() for
layout my component i.e.
.tools-wrapper {
@apply(--layout-horizontal)
margin-top: 30px;
}
It has no effect on the layout, maybe I am missing something as well?
On Sunday, May 31, 2015 at 9:17:33 PM UTC-5, toduu wrote:
>
> I could not use the @apply either - Used the following to replace layout
> attributes -
>
>
> New -
> <link rel="import" href=
> "/bower_components/iron-flex-layout/iron-flex-layout.html">
>
> <div class="vertical layout center center-justified">
>
> Old -<div vertical layout center center-justified >
>
>
>
>
>
>
>
>
>
>
>
> On Friday, May 29, 2015 at 12:41:29 AM UTC-7, NanoWANG wrote:
>>
>> Hi all
>>
>> As the title said.
>>
>> After several tests, I figured out that I cannot @apply mixins from
>> <iron-flex-layout>.
>>
>> So I'm wondering Is there any way to do so?
>>
>> Thx
>>
>> NanoWANG
>>
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/afec7620-9b45-4cac-a25b-67f53c0c1707%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
