added index.scss

src/editor-view/editor-view.scss

@@ -1,5 +1,4 @@
 @import 'colors';
-@import 'editor-vars';
 
 @mixin basic-input-properties {
 	font-size: 14px;
@@ -227,6 +226,10 @@ phred-editor-view {
 		opacity: 0.5;
 	}
 
+	.invisible {
+		display: none;
+	}
+
 	.phred-content {
 		flex: 1;
 		display: inline-flex;

src/editor-view/object-tree/model/object-tree-model.ts

@@ -59,7 +59,7 @@ export class ObjectTreeModel {
 			const o = objects[k] as ObjectTreeNodeModel;
 			if (!o.node) return;
 			o.node.classList.addOrRemove(
-				'invisible',
+				'excluded',
 				o.node.title.toLowerCase().indexOf(filter) < 0
 			);
 		});

src/editor-view/object-tree/tree-node/object-tree-node.scss

@@ -29,7 +29,7 @@ phred-object-tree-node {
 		}
 	}
 
-	&.invisible {
+	&.excluded {
 		& > .node-head {
 			display: none;
 		}

src/index.scss

@@ -0,0 +1,2 @@
+@import 'colors';
+@import 'editor-vars';

src/plugin.ts

@@ -2,6 +2,7 @@ import { Editor } from 'core/editor';
 import { EditorStateHandler } from 'editor.state-handler';
 import Phaser from 'phaser-ce';
 import { PluginConfigBuilder } from 'plugin.model';
+import './index.scss';
 
 interface GameStateConfig {
 	disableVisibilityChange: boolean;

src/scene-view/reference-image/reference-image.scss

@@ -6,7 +6,6 @@ phred-reference-image {
 	bottom: 0;
 	pointer-events: none;
 
-	&.invisible,
 	&.invalid {
 		display: none;
 	}

src/scene-view/selection-area/gizmos/selection-gizmo.scss

@@ -9,10 +9,6 @@ phred-selection-gizmo {
 	padding: 0;
 	margin: 0;
 
-	&.invisible {
-		display: none;
-	}
-
 	&.disabled {
 		display: none;
 	}