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

This commit is contained in:
Emi Simpson 2023-06-28 22:05:14 -04:00
parent 717d917348
commit a421e998ad
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
2 changed files with 40 additions and 0 deletions

12
index.html Normal file
View file

@ -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>

28
style.sass Normal file
View file

@ -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