Move the .row and .row label styles to shared-styles.

Part of #6.
jkomoros · Aug 12, 2023 · 512c55e · 512c55e
1 parent 7875277
commit 512c55e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/app/components/shared-styles.ts b/app/components/shared-styles.ts
@@ -27,4 +27,15 @@ export const SharedStyles = css`
 	details {
 		color: var(--dark-gray-color);
 	}
+
+	.row {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin: 0.5em 0.5em;
+	}
+
+	.row label {
+		margin-right: 0.5em;
+	}
 `;
diff --git a/app/components/value-editor.ts b/app/components/value-editor.ts
@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
-import { html, css, TemplateResult} from 'lit';
+import { html, TemplateResult} from 'lit';
 
 import {
 	SharedStyles
@@ -30,17 +30,6 @@ export class ValueEditor extends LitElement {
 		return [
 			SharedStyles,
 			ButtonSharedStyles,
-			css`
-				.row {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					margin: 0.5em 0.5em;
-				}
-				.row label {
-					margin-right: 0.5em;
-				}
-			`
 		];
 	}