Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-02-01 12:01:14 -05:00
Code Issues Activity

feat: use plugin styles

Browse source
This commit is contained in:
Juanfran 2024-02-20 09:15:10 +01:00
parent ccdead2ebe
commit ce7b3b5859
6 changed files with 10 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/example-plugin/src/app/app.element.css
View file

@ -52,14 +52,11 @@ svg {
width: 100%; width: 100%;
} }
button { p {
padding: 0.5rem; margin-bottom: var(--spacing-12);
border-radius: 5px;
cursor: pointer;
margin-bottom: 10px;
} }
h1 { h1 {
font-size: 20px; font-size: 20px;
margin-bottom: 10px; margin-bottom: var(--spacing-12);
} }

7
apps/example-plugin/src/app/app.element.ts
View file

@ -1,3 +1,4 @@
import 'plugins-styles/lib/styles.css';
import './app.element.css'; import './app.element.css';
export class AppElement extends HTMLElement { export class AppElement extends HTMLElement {
@ -24,17 +25,17 @@ export class AppElement extends HTMLElement {
}); });
this.innerHTML = ` this.innerHTML = `
<div class="wrapper"> <div class="wrapper" data-theme="light">
<h1>Test area</h1> <h1>Test area</h1>
<p>Current project name: <span id="project-name">Unknown</span></p> <p>Current project name: <span id="project-name">Unknown</span></p>
<p> <p>
<button type="button" class="act-ping-pong">Ping Pong message</button> <button type="button" data-appearance="primary" class="act-ping-pong">Ping Pong message</button>
</p> </p>
<p> <p>
<button type="button" class="act-close-plugin">Close plugin</button> <button type="button" data-appearance="primary" data-variant="destructive" class="act-close-plugin">Close plugin</button>
</p> </p>
</div> </div>
`; `;

2
libs/plugins-runtime/src/lib/plugin-modal.ts
View file

@ -87,7 +87,7 @@ export class PluginModalElement extends HTMLElement {
} }
h1 { h1 {
color: blue; color: #000;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }

1
libs/plugins-styles/src/index.ts
View file

@ -1 +0,0 @@
export * from './lib/plugins-styles';

2
libs/plugins-styles/tsconfig.json
View file

@ -1,5 +1,5 @@
{ {
"extends": "../tsconfig.base.json", "extends": "../../tsconfig.base.json",
"compilerOptions": { "compilerOptions": {
"module": "commonjs", "module": "commonjs",
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,

2
tsconfig.base.json
View file

@ -16,7 +16,7 @@
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"plugins-runtime": ["libs/plugins-runtime/src/index.ts"], "plugins-runtime": ["libs/plugins-runtime/src/index.ts"],
"plugins-styles": ["libs/plugins-styles/src/index.ts"] "plugins-styles/*": ["libs/plugins-styles/src/*"]
} }
}, },
"exclude": ["node_modules", "tmp"] "exclude": ["node_modules", "tmp"]