vimazing/vim-snake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snake personality...

Browse Source
This commit is contained in:
pastilhas
2025-10-16 13:49:22 +01:00
parent cbb8cce833
commit fede770c61
2 changed files with 69 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/game.css
+32 -2
View File
@@ -37,13 +37,28 @@
========================================================= */
.snake-cell.snake-head {
background-color: var(--accent, #ffc777);
border-radius: 6px 6px 2px 2px;
box-shadow:
0 0 8px color-mix(in srgb, var(--accent, #ffc777) 70%, transparent),
inset 0 0 4px color-mix(in srgb, var(--accent, #ffc777) 90%, transparent);
position: relative;
}
.snake-cell.snake-head.dir-up {
border-radius: 6px 6px 2px 2px;
}
.snake-cell.snake-head.dir-down {
border-radius: 2px 2px 6px 6px;
}
.snake-cell.snake-head.dir-left {
border-radius: 6px 2px 2px 6px;
}
.snake-cell.snake-head.dir-right {
border-radius: 2px 6px 6px 2px;
}
.snake-cell.snake-head::after {
content: "";
position: absolute;
@@ -65,7 +80,22 @@
.snake-cell.snake-tail {
background-color: var(--accent, #ffc777);
opacity: 0.5;
border-radius: 2px 2px 6px 6px;
box-shadow: 0 0 4px color-mix(in srgb, var(--accent, #ffc777) 40%, transparent);
}
.snake-cell.snake-tail.dir-up {
border-radius: 6px 6px 2px 2px;
}
.snake-cell.snake-tail.dir-down {
border-radius: 2px 2px 6px 6px;
}
.snake-cell.snake-tail.dir-left {
border-radius: 6px 2px 2px 6px;
}
.snake-cell.snake-tail.dir-right {
border-radius: 2px 6px 6px 2px;
}