mirror of
https://github.com/Polymer/polymer.git
synced 2025-02-25 18:55:30 -06:00
26747422d3
* [styling-scoped.html] remove test for <link rel="import" type="css"> as this is no longer supported * [custom-style-async.html] convert test that used importHref to use dynamic import
32 lines
568 B
JavaScript
32 lines
568 B
JavaScript
import { Polymer } from '../../lib/legacy/polymer-fn.js';
|
|
|
|
const $_documentContainer = document.createElement('div');
|
|
|
|
$_documentContainer.innerHTML = `<custom-style>
|
|
<style is="custom-style">
|
|
html {
|
|
--cs-blue: {
|
|
border : 8px solid blue;
|
|
};
|
|
}
|
|
</style>
|
|
</custom-style>
|
|
<dom-module id="x-client">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: inline-block;
|
|
border : 4px solid red;
|
|
@apply (--cs-blue);
|
|
}
|
|
</style>
|
|
x-client
|
|
</template>
|
|
</dom-module>`;
|
|
|
|
document.body.appendChild($_documentContainer);
|
|
|
|
Polymer({
|
|
is: 'x-client'
|
|
});
|