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

import inter fonts in index.html, changed px -> % in saperpage

Browse Source
This commit is contained in:
Kostya
2023-12-04 23:56:59 +03:00
parent 479e6b9f4b
commit a68b8c83fa
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
luckydiamond/public/index.html
View File

@@ -9,6 +9,9 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Poppins:wght@400;600&family=Press+Start+2P&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Poppins:wght@400;600&family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap" rel="stylesheet">
<title>LuckyDiamond</title> <title>LuckyDiamond</title>
</head> </head>
<body> <body>

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

@@ -57,6 +57,7 @@ input[type="number"]::-webkit-outer-spin-button {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 27%; width: 27%;
height: 70%; height: 70%;
margin-top: 2.6%;
} }
.padding-elements { .padding-elements {
@@ -246,7 +247,7 @@ input[type="number"]::-webkit-outer-spin-button {
/* Saper Game */ /* Saper Game */
.saper-game { .saper-game {
margin: -40px 0 0 75px; margin: -2.75% 0 0 5.1%;
} }
.saper-game__content { .saper-game__content {
@@ -254,8 +255,8 @@ input[type="number"]::-webkit-outer-spin-button {
border-radius: 20px; border-radius: 20px;
background: #22252F; background: #22252F;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 760px; width: 85%;
height: 577px; height: 83%;
} }
.square { .square {
@@ -272,19 +273,19 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.margin-lines .firstline { .margin-lines .firstline {
margin-top: 26px; margin-top: 5%;
} }
.margin-lines { .margin-lines {
padding-left: 26px; padding-left: 2%;
} }
.margin-lines li { .margin-lines li {
margin: 10px 10px 2px 0; margin: 2% 10px 1% 0;
} }
.info-emeralds { .info-emeralds {
margin: 26px 0 0 21px; margin: 13.5% 0 0 10.5%;
} }
.card-info { .card-info {
@@ -292,12 +293,12 @@ input[type="number"]::-webkit-outer-spin-button {
border: 1px solid #2B4D6C; border: 1px solid #2B4D6C;
background: linear-gradient(180deg, #252C47 0%, #252C47 8.33%, rgba(37, 44, 71, 0.00) 100%); 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); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 170px; width: 85%;
height: 250px; height: 100%;
} }
.text-style__subtitle h2 { .text-style__subtitle h2 {
margin: 13px 0 6px 10px; margin: 8% 0 6px 6.3%;
color: #FFF; color: #FFF;
font-weight: 800; font-weight: 800;
line-height: 18px; line-height: 18px;
@@ -308,7 +309,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.text-style__comment p { .text-style__comment p {
margin-left: 10px; margin-left: 6.3%;
color: #9CA5C7; color: #9CA5C7;
font-weight: 400; font-weight: 400;
line-height: 13px; line-height: 13px;
@@ -318,7 +319,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.info-crystals { .info-crystals {
margin: 26px 0 0 21px; margin: 13.5% 0 0 10.5%;
} }
/* /Saper Game */ /* /Saper Game */