cm-chessboard
Version:
A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.
92 lines (90 loc) • 2.01 kB
CSS
.cm-chessboard .markers {
pointer-events: none;
}
.cm-chessboard .markers .marker.marker-frame {
stroke: black;
stroke-width: 1.8px;
opacity: 0.5;
}
.cm-chessboard .markers .marker.marker-frame-primary, .cm-chessboard .markers .marker.marker-frame-info {
stroke: blue;
stroke-width: 1.8px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-frame-danger {
stroke: red;
stroke-width: 1.8px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-frame-warning {
stroke: orange;
stroke-width: 1.8px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle {
stroke: black;
stroke-width: 3px;
opacity: 0.3;
}
.cm-chessboard .markers .marker.marker-circle-primary {
stroke: blue;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-info {
stroke: blue;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-info-filled {
stroke: blue;
fill: blue;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-danger {
stroke: red;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-danger-filled {
stroke: red;
fill: red;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-warning {
stroke: orange;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-warning-filled {
stroke: orange;
fill: orange;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-success {
stroke: green;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-circle-success-filled {
stroke: green;
fill: green;
stroke-width: 3px;
opacity: 0.4;
}
.cm-chessboard .markers .marker.marker-square {
fill: black;
opacity: 0.11;
}
.cm-chessboard .markers .marker.marker-dot {
fill: black;
opacity: 0.2;
}
.cm-chessboard .markers .marker.marker-bevel {
fill: black;
opacity: 0.2;
}
/*# sourceMappingURL=markers.css.map */