Add some styles so you can tell what's going on

2023-06-28 22:05:14 -04:00 · 2023-06-28 22:05:14 -04:00 · a421e998ad
parent 717d917348
commit a421e998ad
2 changed files with 40 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,12 @@
+<!Doctype HTML>
+<html>
+	<head>
+		<script src="elm.js"></script>
+		<link rel="stylesheet" href="style.css"/>
+	</head>
+	<body>
+		<script>
+			Elm.Main.init()
+		</script>
+	</body>
+</html>
--- a/style.sass
+++ b/style.sass
@ -0,0 +1,28 @@
+body
+	background-color: #fce0b5
+
+.columns
+	display: flex
+
+	.column
+		width: 400px
+		padding: 20px
+		border-right: 1px solid black
+
+		h3
+			text-align: center
+
+		.tile
+			background-color: #fcedd6 //e2b97a
+			position: relative
+			width: 360px
+			height: 80px
+			padding: 0 20px
+
+			display: grid
+			align-items: center
+
+			.tile-stickers
+				position: absolute
+				top: 0
+				left: 0