Initial implementation of Scribe
[lmno.games] / scribe / scribe.css
1 ol, ul {
2   padding-left: 30px;
3 }
4
5 .board-row:after {
6   clear: both;
7   content: "";
8   display: table;
9 }
10
11 .status {
12   margin-bottom: 10px;
13 }
14
15 .square {
16   background: #fff;
17   color: black;
18   border: 1px solid #999;
19   float: left;
20   font-size: 20px;
21   font-weight: bold;
22   line-height: 25px;
23   width: 25px;
24   height: 25px;
25   margin-right: -1px;
26   margin-top: -1px;
27   padding: 0;
28   text-align: center;
29   border-radius: 4px;
30 }
31
32 .square.open {
33     cursor: pointer;
34 }
35
36 .square.occupied {
37     cursor: default;
38 }
39
40 .square.open:hover {
41     background-color: var(--accent-color-bright);
42 }
43
44 .square:focus {
45   outline: none;
46 }
47
48 .kbd-navigation .square:focus {
49   background: #ddd;
50 }