From 0a93c96bb7ea429f5cbe3b436c0fc4efa594500c Mon Sep 17 00:00:00 2001 From: Daniel Weipert Date: Tue, 15 Aug 2023 22:48:11 +0200 Subject: status effects --- style.css | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index c0bf5f4..5c4b2f6 100644 --- a/style.css +++ b/style.css @@ -86,8 +86,13 @@ img { /* align-items: center; */ } .battle__monster-info__status { - flex-basis: 5%; - text-align: center; + /* flex-basis: 5%; */ + flex-basis: calc(1rem + 0.25rem); + /* text-align: center; */ +} +.battle__monster-info__status img { + width: 1rem; + height: 1rem; } .battle__monster-info-exp { @@ -111,10 +116,10 @@ img { .battle__monster-sprite { margin-bottom: 0.25rem; } -.battle__monster-sprite img { +.battle__monster-img { transition-property: filter; } -.battle__monster-sprite img.damaged { +.battle__monster-img.damaged { filter: brightness(2); } .battle__monster-sprite__animation { @@ -129,6 +134,8 @@ img { display: inline-flex; align-items: center; + + cursor: pointer; } .battle__monster-technique__name {} .battle__monster-technique__types {} @@ -190,10 +197,18 @@ img { } +#status { + color: #fff; + background-color: #000; + padding: 0.25rem; +} + + #menu { display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; + background-color: beige; } #menu > div { cursor: pointer; -- cgit v1.2.3