yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

added media request for 1200-1399px

Browse Source
This commit is contained in:
Kostya
2023-12-23 10:04:55 +03:00
parent f0fcdd1924
commit 58f2d1df5c
1 changed files with 64 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
View File

@@ -390,6 +390,22 @@ input[type="number"]::-webkit-outer-spin-button {
.saper-game__content { .saper-game__content {
width: auto; width: auto;
} }
.saper-start {
width: 30%;
height: 80%;
}
.steps-btns__display {
justify-content: center;
}
.margin-lines .firstline {
margin-top: 2%;
}
.info-emeralds {
margin-top: 6.5%;
}
.info-crystals {
margin-top: 6.5%;
}
.crystals-btns__choices button, .btn-style__diamonds button { .crystals-btns__choices button, .btn-style__diamonds button {
padding: 4px 13px; padding: 4px 13px;
} }
@@ -406,14 +422,57 @@ input[type="number"]::-webkit-outer-spin-button {
.card-info img { .card-info img {
width: 100%; width: 100%;
} }
.circles-1 {
top: 110px;
}
.circles-2 {
top: 220px;
}
.circles-3 {
top: 330px;
}
.circles-4 {
top: 440px;
}
} }
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { @media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
.bg-two {
left: 300px;
}
.saper-game__content { .saper-game__content {
width: auto; width: auto;
} }
.saper-start {
width: 30%;
height: 75%;
}
.steps-btns__display {
justify-content: center;
}
.margin-lines .firstline {
margin-top: 2%;
}
.square {
width: 75px;
}
.info-emeralds {
margin-top: 6.5%;
}
.info-crystals {
margin-top: 6.5%;
}
.text-style__subtitle h2 {
font-size: 11px;
}
.text-style__comment p {
font-size: 11px;
}
.crystals-btns__choices button, .btn-style__diamonds button { .crystals-btns__choices button, .btn-style__diamonds button {
padding: 4px 13px; padding: 4px 7px;
}
.diamonds-btns__display {
margin-left: 3%;
} }
.diamond-icon { .diamond-icon {
top: 12px; top: 12px;
@@ -423,11 +482,14 @@ input[type="number"]::-webkit-outer-spin-button {
width: 60%; width: 60%;
} }
.btns-style__steps button { .btns-style__steps button {
padding: 6px 9px; padding: 6px 4px;
} }
.card-info img { .card-info img {
width: 100%; width: 100%;
} }
.circles__content {
display: none;
}
} }
/* /Media */ /* /Media */