shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design refacto
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-22 16:07:10 +02:00
parent b8d1829bc7
commit d359fd0a35
25 changed files with 1340 additions and 1023 deletions
Download patch file Download diff file Expand all files Collapse all files

24
website/src/styles/_responsive.scss
View file

@ -61,6 +61,7 @@
.hero,
.game-hero,
.page-hero,
.origin-section,
.section-grid,
.info-grid {
@ -68,11 +69,28 @@
}
.hero,
.game-hero {
.game-hero,
.page-hero {
min-height: auto;
padding: var(--space-6);
}
.game-hero::after {
left: 0;
opacity: 0.42;
background:
linear-gradient(90deg, rgba(5, 7, 17, 0.28), rgba(5, 7, 17, 0.72)),
var(--game-hero-image);
background-position:
center,
right center;
background-size:
cover,
cover;
mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.14) 30%, #000 70%);
-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.14) 30%, #000 70%);
}
.home-visual {
justify-self: center;
width: min(320px, 100%);
@ -95,7 +113,7 @@
padding-right: 0;
padding-bottom: var(--space-5);
border-right: 0;
border-bottom: 2px solid rgba(34, 211, 238, 0.66);
border-bottom: 2px solid rgba(246, 196, 83, 0.66);
}
.dialogue-line {
@ -174,7 +192,7 @@
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: rgba(11, 14, 27, 0.9);
backdrop-filter: blur(18px);
backdrop-filter: blur(10px);
box-shadow: var(--shadow-lg);
}