Style for new dice Rnk + technique fix

2021-02-09 13:53:42 +01:00
parent e0cb2bf235
commit 1cc496ad77
11 changed files with 257 additions and 250 deletions
--- a/system/styles/scss/dices-chat.scss
+++ b/system/styles/scss/dices-chat.scss
@@ -0,0 +1,37 @@
+// Dice in chat
+.chat-dice {
+    &.rerolled > img {
+        border-bottom: 3px solid orangered;
+    }
+
+    &.swapped > img {
+        border-bottom: 3px solid fuchsia;
+    }
+
+    > img {
+        border: 1px solid transparent;
+        height: auto;
+        width: calc(100% / 6 - 0.255rem);
+        margin: auto;
+    }
+}
+
+.chat-profil {
+    text-align: center;
+    vertical-align: middle;
+
+    &-stance {
+        font-size: 40px;
+        position: relative;
+        top: 8px;
+        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+    }
+    &-element {
+        flex-wrap: wrap;
+        flex-grow: 1;
+
+        &-skill {
+            flex-grow: 3;
+        }
+    }
+}