summaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css23
1 files changed, 19 insertions, 4 deletions
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;