Clean global css, reformatting and indentation fixes

jake-pauls · jake-pauls · commit 6b1df4757539 · 2021-06-24T17:09:19.000-07:00
diff --git a/ui-svelte-starter/.gitignore b/ui-svelte-starter/.gitignore
@@ -1,3 +1,2 @@
-.DS_Store
 node_modules
-public/build/bundle.*
+dist/
diff --git a/ui-svelte-starter/plugin/index.html b/ui-svelte-starter/plugin/index.html
@@ -2,11 +2,11 @@
 <html lang="en">
   <head>
     <meta charset='utf-8' />
-	  <meta name='viewport' content='width=device-width,initial-scale=1' />
-	  <meta name='description' content='Plugin created using Svelte and Webpack' />
-	  <title>UXP Svelte Starter Plugin</title>
-	  <script src='index.js'></script>
+    <meta name='viewport' content='width=device-width,initial-scale=1' />
+    <meta name='description' content='Plugin created using Svelte and Webpack' />
+    <title>UXP Svelte Starter Plugin</title>
+    <script src='index.js'></script>
   </head>
   <body>
   </body>
-</html>
+</html>
diff --git a/ui-svelte-starter/src/App.svelte b/ui-svelte-starter/src/App.svelte
@@ -15,10 +15,7 @@
 <div>
   <sp-heading>Hello {name}!</sp-heading>
   <sp-heading>Plugin has been open for {count} seconds.</sp-heading>
-  <sp-detail>
-	Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn
-    how to build Svelte apps.
-  </sp-detail>
+  <sp-detail>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</sp-detail>
 </div>
 
 <style>
diff --git a/ui-svelte-starter/src/global.css b/ui-svelte-starter/src/global.css
@@ -1,63 +1,19 @@
-html, body {
-	position: relative;
-	width: 100%;
-	height: 100%;
-}
-
 body {
-	color: #333;
-	margin: 0;
-	padding: 8px;
-	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  margin: 0;
+  padding: 8px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 a {
-	color: rgb(0,100,200);
-	text-decoration: none;
+  color: rgb(0, 100, 200);
+  text-decoration: none;
 }
 
 a:hover {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 a:visited {
-	color: rgb(0,80,160);
-}
-
-label {
-	display: block;
-}
-
-input, button, select, textarea {
-	font-family: inherit;
-	font-size: inherit;
-	-webkit-padding: 0.4em 0;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-	box-sizing: border-box;
-	border: 1px solid #ccc;
-	border-radius: 2px;
-}
-
-input:disabled {
-	color: #ccc;
-}
-
-button {
-	color: #333;
-	background-color: #f4f4f4;
-	outline: none;
-}
-
-button:disabled {
-	color: #999;
-}
-
-button:not(:disabled):active {
-	background-color: #ddd;
-}
-
-button:focus {
-	border-color: #666;
+  color: rgb(0, 80, 160);
 }
diff --git a/ui-svelte-starter/webpack.config.js b/ui-svelte-starter/webpack.config.js
@@ -38,8 +38,8 @@ module.exports = {
     ],
   },
   plugins: [
-  	new CopyPlugin({
+    new CopyPlugin({
       patterns: ['plugin'],
-	  })
+    })
   ],
 };
