Skip to content

Commit 5584dfd

Browse files
DenTheProgrammerDenTheProgrammer
committed
Added chess symbols classes
1 parent b2b3673 commit 5584dfd

1 file changed

Lines changed: 61 additions & 0 deletions

File tree

‎Dz-5/css/style.css‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,4 +24,65 @@ body{
2424
}
2525
.black{
2626
background: #97270a;
27+
}
28+
29+
/*--------------Фигуры------------------*/
30+
31+
32+
.blackPawn, .blackKing, .blackQueen, .blackRook, .blackBishop, .blackKnight, .whitePawn, .whiteKing, .whiteQueen, .whiteRook, .whiteBishop, .whiteKnight{
33+
display: flex;
34+
align-items: center;
35+
justify-content: center;
36+
}
37+
38+
39+
40+
.blackPawn, .blackKing, .blackQueen, .blackRook, .blackBishop, .blackKnight{
41+
color: black;
42+
}
43+
.whitePawn, .whiteKing, .whiteQueen, .whiteRook, .whiteBishop, .whiteKnight{/*Опционально, по мне так лучше*/
44+
color: white;
45+
}
46+
47+
48+
49+
.whitePawn:before{
50+
content: "♙";
51+
font-size: 6vw;
52+
}.whiteKing:before{
53+
content: "♔";
54+
font-size: 6vw;
55+
}.whiteQueen:before{
56+
content: "♕";
57+
font-size: 6vw;
58+
}.whiteRook:before{
59+
content: "♖";
60+
font-size: 6vw;
61+
}.whiteBishop:before{
62+
content: "♗";
63+
font-size: 6vw;
64+
}.whiteKnight:before{
65+
content: "♘";
66+
font-size: 6vw;
67+
}
68+
69+
70+
.blackPawn:before{
71+
content: "♟";
72+
font-size: 6vw;
73+
}.blackKing:before{
74+
content: "♚";
75+
font-size: 6vw;
76+
}.blackQueen:before{
77+
content: "♛";
78+
font-size: 6vw;
79+
}.blackRook:before{
80+
content: "♜";
81+
font-size: 6vw;
82+
}.blackBishop:before{
83+
content: "♝";
84+
font-size: 6vw;
85+
}.blackKnight:before{
86+
content: "♞";
87+
font-size: 6vw;
2788
}

0 commit comments

Comments
 (0)