added info card in saper-game, saperpage

This commit is contained in:
Kostya
2023-12-04 23:01:54 +03:00
parent 85c88f22b2
commit 479e6b9f4b
4 changed files with 216 additions and 0 deletions

View File

@@ -250,6 +250,7 @@ input[type="number"]::-webkit-outer-spin-button {
}
.saper-game__content {
display: flex;
border-radius: 20px;
background: #22252F;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -263,6 +264,7 @@ input[type="number"]::-webkit-outer-spin-button {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 95px;
height: 95px;
cursor: pointer;
}
.display-lines {
@@ -281,4 +283,42 @@ input[type="number"]::-webkit-outer-spin-button {
margin: 10px 10px 2px 0;
}
.info-emeralds {
margin: 26px 0 0 21px;
}
.card-info {
border-radius: 15px;
border: 1px solid #2B4D6C;
background: linear-gradient(180deg, #252C47 0%, #252C47 8.33%, rgba(37, 44, 71, 0.00) 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 170px;
height: 250px;
}
.text-style__subtitle h2 {
margin: 13px 0 6px 10px;
color: #FFF;
font-weight: 800;
line-height: 18px;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
font-family: Montserrat Alternates;
font-size: 17px;
}
.text-style__comment p {
margin-left: 10px;
color: #9CA5C7;
font-weight: 400;
line-height: 13px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
font-family: Montserrat Alternates;
font-size: 13px;
}
.info-crystals {
margin: 26px 0 0 21px;
}
/* /Saper Game */