so we're back to using .cg-square
This commit is contained in:
parent
ce557f4ade
commit
0914c5a33d
|
@ -6,14 +6,14 @@
|
|||
width: 512px;
|
||||
height: 512px;
|
||||
}
|
||||
#board_editor .cg-board > div.last-move {
|
||||
#board_editor .cg-square.last-move {
|
||||
background-color: transparent;
|
||||
}
|
||||
#board_editor .cg-board > div:hover,
|
||||
#board_editor .cg-board > div.drag-over {
|
||||
#board_editor .cg-square:hover,
|
||||
#board_editor .cg-square.drag-over {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
#board_editor .cg-board > div.selected {
|
||||
#board_editor .cg-square.selected {
|
||||
background-color: rgba(20, 85, 30, 0.5);
|
||||
}
|
||||
#board_editor .spare-pieces-bottom-ae20f {
|
||||
|
|
|
@ -10,13 +10,13 @@
|
|||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.cg-board > div {
|
||||
.cg-square {
|
||||
position: absolute;
|
||||
width: 12.5%;
|
||||
height: 12.5%;
|
||||
}
|
||||
.cg-board > div[data-coord-x]::after,
|
||||
.cg-board > div[data-coord-y]::before {
|
||||
.cg-square[data-coord-x]::after,
|
||||
.cg-square[data-coord-y]::before {
|
||||
position: absolute;
|
||||
font-size: 10px;
|
||||
line-height: 10px;
|
||||
|
@ -24,37 +24,37 @@
|
|||
text-shadow: 0 1px 1px #000;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.cg-board > div[data-coord-x]::after {
|
||||
.cg-square[data-coord-x]::after {
|
||||
content: attr(data-coord-x);
|
||||
left: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
.cg-board > div[data-coord-y]::before {
|
||||
.cg-square[data-coord-y]::before {
|
||||
content: attr(data-coord-y);
|
||||
right: 1px;
|
||||
top: 1px;
|
||||
}
|
||||
.cg-board > div.move-dest {
|
||||
.cg-square.move-dest {
|
||||
background: radial-gradient(rgba(20, 85, 30, 0.3) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
|
||||
cursor: pointer;
|
||||
}
|
||||
.cg-board > div.premove-dest {
|
||||
.cg-square.premove-dest {
|
||||
background: radial-gradient(rgba(20, 30, 85, 0.3) 22%, #203085 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
|
||||
}
|
||||
.cg-board > div.move-dest.drag-over,
|
||||
.cg-board > div.move-dest:hover {
|
||||
.cg-square.move-dest.drag-over,
|
||||
.cg-square.move-dest:hover {
|
||||
background: rgba(20, 85, 30, 0.3);
|
||||
}
|
||||
.cg-board > div.selected {
|
||||
.cg-square.selected {
|
||||
background-color: rgba(20, 85, 30, 0.5);
|
||||
}
|
||||
.cg-board > div.last-move {
|
||||
.cg-square.last-move {
|
||||
background-color: rgba(155, 199, 0, 0.41);
|
||||
}
|
||||
.cg-board > div.check {
|
||||
.cg-square.check {
|
||||
background: radial-gradient(ellipse at center, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
|
||||
}
|
||||
.cg-board > div.current-premove {
|
||||
.cg-square.current-premove {
|
||||
background-color: rgba(20, 30, 85, 0.5);
|
||||
}
|
||||
.cg-piece {
|
||||
|
|
Loading…
Reference in a new issue