c7c83d1d8b
* update prettier to v3.x * update prettify in @lion/nodejs-helpers to match updated prettier * remove redundant await for promise * remove `@types/prettier` as it's now included in `prettier` * format lit template snippets with `jsx`
41 lines
988 B
JavaScript
41 lines
988 B
JavaScript
import { css } from 'lit';
|
|
|
|
const applyDemoCollapsibleStyles = () => {
|
|
const demoCollapsibleStyles = css`
|
|
.demo-custom-collapsible-container {
|
|
padding: 16px;
|
|
margin: 16px;
|
|
border-radius: 4px;
|
|
width: 400px;
|
|
box-shadow:
|
|
0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
|
|
.demo-custom-collapsible-body {
|
|
padding: 12px 0px;
|
|
}
|
|
|
|
.demo-custom-collapsible-invoker {
|
|
border-width: 0;
|
|
border-radius: 2px;
|
|
padding: 12px 24px;
|
|
box-shadow:
|
|
0 1px 3px rgba(0, 0, 0, 0.12),
|
|
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
font-weight: bold;
|
|
color: #3f51b5;
|
|
}
|
|
|
|
.demo-custom-collapsible-state-container {
|
|
padding: 12px 0;
|
|
}
|
|
`;
|
|
|
|
const styleTag = document.createElement('style');
|
|
styleTag.setAttribute('data-demo-collapsible', '');
|
|
styleTag.textContent = demoCollapsibleStyles.cssText;
|
|
document.head.appendChild(styleTag);
|
|
};
|
|
|
|
applyDemoCollapsibleStyles();
|