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

Add equipment planner toolbox module
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-09 10:03:55 +02:00
parent ac33a55c8b
commit d53d4160af
33 changed files with 3522 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

46
website/src/styles/_components.scss Normal file
View file

@ -0,0 +1,46 @@
// Rôle : regroupe les styles de composants UI partagés hors layout global.
.ui-tooltip-anchor {
position: relative;
}
.ui-tooltip {
position: fixed;
z-index: 520;
width: max-content;
max-width: min(280px, calc(100vw - 24px));
padding: 8px 10px;
border: 1px solid rgba(165, 180, 252, 0.18);
border-radius: var(--radius-md);
background: rgba(7, 10, 24, 0.98);
box-shadow: var(--shadow-md);
color: var(--color-text-secondary);
font-size: var(--font-size-xs);
line-height: 1.35;
opacity: 1;
pointer-events: none;
transform: translate(-50%, -100%);
transition:
opacity var(--duration-fast) var(--ease-standard),
transform var(--duration-fast) var(--ease-standard);
}
.ui-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 8px;
height: 8px;
border-right: 1px solid rgba(165, 180, 252, 0.18);
border-bottom: 1px solid rgba(165, 180, 252, 0.18);
background: rgba(7, 10, 24, 0.98);
transform: translate(-50%, -4px) rotate(45deg);
}
.ui-tooltip-top-start {
transform: translate(0, -100%);
}
.ui-tooltip-top-start::after {
left: 16px;
}

55
website/src/styles/_icons.scss
View file

@ -262,11 +262,36 @@
-webkit-mask-image: url("/static/icons/foot.svg");
}
.ui-icon-boot {
mask-image: url("/static/icons/boot.svg");
-webkit-mask-image: url("/static/icons/boot.svg");
}
.ui-icon-chest-armor {
mask-image: url("/static/icons/chest-armor.svg");
-webkit-mask-image: url("/static/icons/chest-armor.svg");
}
.ui-icon-helmet {
mask-image: url("/static/icons/helmet.svg");
-webkit-mask-image: url("/static/icons/helmet.svg");
}
.ui-icon-glove {
mask-image: url("/static/icons/glove.svg");
-webkit-mask-image: url("/static/icons/glove.svg");
}
.ui-icon-grab {
mask-image: url("/static/icons/grab.svg");
-webkit-mask-image: url("/static/icons/grab.svg");
}
.ui-icon-sword {
mask-image: url("/static/icons/sword.svg");
-webkit-mask-image: url("/static/icons/sword.svg");
}
.ui-icon-shield {
mask-image: url("/static/icons/shield.svg");
-webkit-mask-image: url("/static/icons/shield.svg");
@ -277,6 +302,36 @@
-webkit-mask-image: url("/static/icons/gun.svg");
}
.ui-icon-earring {
mask-image: url("/static/icons/earring.svg");
-webkit-mask-image: url("/static/icons/earring.svg");
}
.ui-icon-necklace {
mask-image: url("/static/icons/necklace.svg");
-webkit-mask-image: url("/static/icons/necklace.svg");
}
.ui-icon-ring {
mask-image: url("/static/icons/ring.svg");
-webkit-mask-image: url("/static/icons/ring.svg");
}
.ui-icon-hammer {
mask-image: url("/static/icons/hammer.svg");
-webkit-mask-image: url("/static/icons/hammer.svg");
}
.ui-icon-jewel {
mask-image: url("/static/icons/jewel.svg");
-webkit-mask-image: url("/static/icons/jewel.svg");
}
.ui-icon-ball {
mask-image: url("/static/icons/ball.svg");
-webkit-mask-image: url("/static/icons/ball.svg");
}
.ui-icon-trash {
mask-image: url("/static/icons/trashcan.svg");
-webkit-mask-image: url("/static/icons/trashcan.svg");

1102
website/src/styles/_toolboxes.scss
View file

File diff suppressed because it is too large Load diff

1
website/src/styles/main.scss
View file

@ -5,6 +5,7 @@
@use "shell";
@use "home";
@use "cards";
@use "components";
@use "icons";
@use "games";
@use "toolboxes";