alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add a wee bit of animation

Browse Source
This commit is contained in:
Dave Pearson
2022-10-20 15:55:49 +01:00
parent e0cea53d2f
commit 8e1dcbd2e1
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/five_by_five.css
View File

@@ -1,3 +1,6 @@
$animation-type: linear;
$animatin-speed: 175ms;
Game { Game {
align: center middle; align: center middle;
layers: gameplay messages; layers: gameplay messages;
@@ -40,6 +43,7 @@ GameCell {
height: 100%; height: 100%;
background: $surface; background: $surface;
border: round $surface-darken-1; border: round $surface-darken-1;
transition: background $animatin-speed $animation-type, color $animatin-speed $animation-type;
} }
GameCell:hover { GameCell:hover {