color: black;
border: 1px solid #999;
float: left;
- font-size: 24px;
+ font-size: 64px;
font-weight: bold;
- line-height: 34px;
- height: 34px;
+ line-height: 90px;
+ width: 90px;
+ height: 90px;
margin-right: -1px;
margin-top: -1px;
padding: 0;
text-align: center;
- width: 34px;
+ border-radius: 4px;
}
-.square:focus {
- outline: none;
+.square.open {
+ cursor: pointer;
}
-.kbd-navigation .square:focus {
- background: #ddd;
+.square.occupied {
+ cursor: default;
+}
+
+.square.open:hover {
+ background-color: var(--accent-color-bright);
}
-.game {
- display: flex;
- flex-direction: row;
+.square:focus {
+ outline: none;
}
-.game-info {
- margin-left: 20px;
- margin-bottom: 20px;
+.kbd-navigation .square:focus {
+ background: #ddd;
}