diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 23 |
1 files changed, 19 insertions, 4 deletions
@@ -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; |