fix issues with CSS overwrites
This commit is contained in:
parent
70407030da
commit
018f7ae953
|
@ -83,11 +83,11 @@ body.coords_2.is3d .cg-square[data-coord-y]::before {
|
|||
.manipulable .cg-square.drag-over {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.cg-square.move-dest {
|
||||
.cg-board .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-square.occupied.move-dest {
|
||||
.cg-board .cg-square.occupied.move-dest {
|
||||
background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
|
||||
}
|
||||
/* .cg-square.occupied.move-dest .cg-piece::after { */
|
||||
|
@ -97,34 +97,34 @@ body.coords_2.is3d .cg-square[data-coord-y]::before {
|
|||
/* height: 100%; */
|
||||
/* background: radial-gradient(rgba(20, 85, 30, 0.5) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0); */
|
||||
/* } */
|
||||
.cg-square.premove-dest {
|
||||
.cg-board .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-square.occupied.premove-dest {
|
||||
.cg-board .cg-square.occupied.premove-dest {
|
||||
background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 30, 85, 0.3) 80%);
|
||||
}
|
||||
.cg-square.move-dest.drag-over,
|
||||
.cg-square.move-dest:hover {
|
||||
.cg-board .cg-square.move-dest.drag-over,
|
||||
.cg-board .cg-square.move-dest:hover {
|
||||
background: rgba(20, 85, 30, 0.3);
|
||||
}
|
||||
.cg-square.premove-dest.drag-over,
|
||||
.cg-square.premove-dest:hover {
|
||||
.cg-board .cg-square.premove-dest.drag-over,
|
||||
.cg-board .cg-square.premove-dest:hover {
|
||||
background: rgba(20, 30, 85, 0.3);
|
||||
}
|
||||
/* .cg-square.move-dest.drag-over .cg-piece::after, */
|
||||
/* .cg-square.move-dest:hover .cg-piece::after { */
|
||||
/* background: none; */
|
||||
/* } */
|
||||
.cg-square.selected {
|
||||
.cg-board .cg-square.selected {
|
||||
background-color: rgba(20, 85, 30, 0.5);
|
||||
}
|
||||
.cg-square.last-move {
|
||||
.cg-board .cg-square.last-move {
|
||||
background-color: rgba(155, 199, 0, 0.41);
|
||||
}
|
||||
.cg-square.check {
|
||||
.cg-board .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-square.current-premove {
|
||||
.cg-board .cg-square.current-premove {
|
||||
background-color: rgba(20, 30, 85, 0.5);
|
||||
}
|
||||
.cg-piece {
|
||||
|
|
Loading…
Reference in a new issue