2 files changed, 47 insertions, 27 deletions

diff --git a/pre-commit b/pre-commit
index 8c9427a..0fcbc3a 100755
--- a/pre-commit
+++ b/pre-commit
@@ -1,4 +1,4 @@
 #!/bin/sh
 npx eslint pugl.js || exit 1
-npx prettier -w pugl.js || exit 1
-git add pugl.js
+npx prettier -w pugl.js style.css || exit 1
+git add pugl.js style.css
diff --git a/style.css b/style.css
index ab55c4e..8b8e643 100644
--- a/style.css
+++ b/style.css
@@ -9,14 +9,21 @@ body {
 	padding: 0;
 	overflow: hidden;
 }
-body, dialog {
+body,
+dialog {
 	background-color: black;
 	color: white;
 }
-a, a:visited {
+a,
+a:visited {
 	color: #8fc;
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
 	margin: 0.1em;
 }
 
@@ -40,7 +47,8 @@ h1, h2, h3, h4, h5, h6 {
 	display: none;
 }
 
-.widget.error, .widget.error:hover {
+.widget.error,
+.widget.error:hover {
 	background-color: #f004;
 }
 
@@ -74,44 +82,54 @@ h1, h2, h3, h4, h5, h6 {
 	flex-shrink: 0;
 	flex-basis: 30%;
 }
-input, button {
+input,
+button {
 	border: 1px solid var(--ui-border);
 	background-color: transparent;
 	color: white;
 }
-input[type="submit"]:hover, button:hover {
+input[type='submit']:hover,
+button:hover {
 	background-color: #fff5;
 }
-input[type="submit"]:active, button:active {
+input[type='submit']:active,
+button:active {
 	background-color: #fff9;
 }
-input[type="submit"][disabled]:hover,
-input[type="submit"][disabled]:active,
+input[type='submit'][disabled]:hover,
+input[type='submit'][disabled]:active,
 button[disabled]:hover,
 button[disabled]:active {
 	background-color: transparent;
 	cursor: not-allowed;
 }
-input:focus, [contenteditable]:focus, button:focus {
+input:focus,
+[contenteditable]:focus,
+button:focus {
 	outline: 2px solid #77f;
 }
 .in select {
 	width: 5em;
 }
-.entry[contenteditable], .widget-name {
+.entry[contenteditable],
+.widget-name {
 	min-width: 1em;
 	border-bottom: 2px solid #fff4;
 	cursor: text;
 	display: inline-block;
 }
-.in, .ins, .control, .widget-title {
+.in,
+.ins,
+.control,
+.widget-title {
 	display: inline;
 }
-.in, .control {
+.in,
+.control {
 	margin-left: 0.5em;
 	white-space: nowrap;
 }
-input[type="color"] {
+input[type='color'] {
 	padding: 0;
 	margin: 0.2em 0.5em;
 	border: 2px solid #000;
@@ -119,14 +137,14 @@ input[type="color"] {
 	height: 1.3em;
 	width: 1.3em;
 }
-input[type="range"] {
+input[type='range'] {
 	max-height: 1.2em;
 	vertical-align: middle;
 }
-input[type="checkbox"] {
+input[type='checkbox'] {
 	margin: 0;
 }
-.widget input[data-is-int="true"] {
+.widget input[data-is-int='true'] {
 	font-size: 1em;
 	padding: 0;
 	line-height: 1;
@@ -140,7 +158,7 @@ input[type="checkbox"] {
 	cursor: pointer;
 	padding: 0.1em 0;
 }
-.widget[data-display="1"] .widget-type {
+.widget[data-display='1'] .widget-type {
 	color: #ff0;
 }
 .widget-type:hover {
@@ -166,7 +184,8 @@ input[type="checkbox"] {
 	background-image: url(x.svg);
 }
 
-.widget-button:hover, .widget-button:active {
+.widget-button:hover,
+.widget-button:active {
 	background-color: transparent;
 	outline: 0;
 	filter: saturate(500%);
@@ -197,28 +216,29 @@ summary {
 #title-icon {
 	height: 1cm;
 }
-#resolution-form input[type="number"] {
+#resolution-form input[type='number'] {
 	width: 4em;
 }
 
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 	appearance: none;
 	margin: 0;
 }
-input[type="number"] {
+input[type='number'] {
 	-moz-appearance: textfield;
 }
 .img-button {
 	height: 2em;
 	padding: 0;
 }
-.img-button img, .img-button svg {
+.img-button img,
+.img-button svg {
 	height: 100%;
 	display: block;
 }
-.img-button[disabled] img, 
+.img-button[disabled] img,
 .img-button[disabled] svg {
 	filter: brightness(50%);
 }