- commit
- e9d6d47ee7abfe07066b7c8a1cd090580b848606
- parent
- 9b487c639afec13753053cc6b1454b4623d689a9
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2019-10-26 15:00
ensure glow is on top
Diffstat
| M | style.css | 25 | ++++++++++++------------- |
1 files changed, 12 insertions, 13 deletions
diff --git a/style.css b/style.css
@@ -82,22 +82,21 @@ input[type=range]:focus::-webkit-slider-thumb {
82 82 margin-bottom: 0.5em;
83 83 }
84 84
-1 85 .board {
-1 86 background-color: var(--border);
-1 87 padding: 0 1px 1px 0;
-1 88 }
-1 89
85 90 .board-row {
86 91 display: flex;
87 92 }
88 93
89 94 .board-cell {
90 95 flex-grow: 1;
91 -1 border: 1px solid var(--border);
92 -1 background-color: var(--cell-color, transparent);
-1 96 margin: 1px 0 0 1px;
-1 97 background-color: var(--cell-color, var(--bg));
93 98 box-shadow: 0 0 0.5em var(--cell-color, transparent);
94 99 }
95 -1 .board-cell:not(:last-child) {
96 -1 border-right: 0;
97 -1 }
98 -1 .board-row:not(:last-child) .board-cell {
99 -1 border-bottom: 0;
100 -1 }
101 100 .board-cell::before {
102 101 content: "";
103 102 display: block;
@@ -113,8 +112,8 @@ input[type=range]:focus::-webkit-slider-thumb {
113 112 .fg-3 {--fg: var(--player3)}
114 113 .fg-4 {--fg: var(--player4)}
115 114
116 -1 .bg--1 {--cell-color: var(--gaia)}
117 -1 .bg-1 {--cell-color: var(--player1)}
118 -1 .bg-2 {--cell-color: var(--player2)}
119 -1 .bg-3 {--cell-color: var(--player3)}
120 -1 .bg-4 {--cell-color: var(--player4)}
-1 115 .bg--1 {--cell-color: var(--gaia); z-index: 1}
-1 116 .bg-1 {--cell-color: var(--player1); z-index: 1}
-1 117 .bg-2 {--cell-color: var(--player2); z-index: 1}
-1 118 .bg-3 {--cell-color: var(--player3); z-index: 1}
-1 119 .bg-4 {--cell-color: var(--player4); z-index: 1}