From 6e39fe5ca7c136b474487908cfbc4347ffe72095 Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas.leder@jobrouter.com>
Date: Wed, 13 Jan 2021 12:34:17 +0100
Subject: [PATCH] head of snake is darker than body
---
_src/assets/scss/_lib/_snake.scss | 5 ++++-
_src/assets/ts/snake.ts | 5 ++++-
2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/_src/assets/scss/_lib/_snake.scss b/_src/assets/scss/_lib/_snake.scss
index c215d8f..246ada9 100644
--- a/_src/assets/scss/_lib/_snake.scss
+++ b/_src/assets/scss/_lib/_snake.scss
@@ -28,7 +28,10 @@ $fieldSize: 20;
.target {
background-color: red !important;
}
- .snake {
+ .snake-head {
+ background-color: color.adjust($color-primary, $lightness:-10%) !important;
+ }
+ .snake-body {
background-color: color.adjust($color-primary, $lightness:-5%) !important;
}
}
diff --git a/_src/assets/ts/snake.ts b/_src/assets/ts/snake.ts
index 631235a..c9d7e50 100644
--- a/_src/assets/ts/snake.ts
+++ b/_src/assets/ts/snake.ts
@@ -18,7 +18,10 @@ function drawField(){
for(let y:number = 0; y<snake.length; y++){
let currentSnake = snake[y];
if(currentSnake[0] == i && currentSnake[1] == x){
- elementClass += " snake";
+ if(y == snake.length - 1)
+ elementClass += " snake-head";
+ else
+ elementClass += " snake-body";
}
}
--
GitLab