start implementing frontend design

2023-06-18 10:48:50 +02:00
parent 89f47b3692
commit db41b03456
27 changed files with 997 additions and 346 deletions
@@ -0,0 +1,35 @@
+.bloodline-devider
+    font-size: 42px
+    margin: 24px 0
+    text-align: center
+
+.bloodline-border
+    padding: 24px 32px
+    border: 4px solid #000000
+    border-radius: 16px
+
+.bloodline-badge
+    padding: 8px 16px 8px 16px
+    border-radius: 14px
+    background-color: #0F0F0F
+    display: flex
+    .bloodline-badge-icon
+        margin-right: 8px
+
+.card
+    display: block
+    overflow: hidden
+    overflow-wrap: break-word
+    position: relative
+    padding: 0
+    text-decoration: none
+    transition-duration: .28s
+    transition-property: box-shadow,opacity,background
+    transition-timing-function: cubic-bezier(.4,0,.2,1)
+    z-index: 0
+    border-color: rgba(var(--v-border-color),var(--v-border-opacity))
+    border-style: solid
+    border-width: 0
+    border-radius: 4px
+    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2),0 1px 1px 0rgba(0, 0, 0, .14),0 1px 3px 0 rgba(0, 0, 0, .12)
+    background-color: $darkgrey