Create first design of the ring + bg sheet + add icons and update item

2020-12-08 02:00:27 +01:00
parent 1eab485fef
commit ced74a911b
39 changed files with 488 additions and 153 deletions
--- a/system/styles/scss/sheets.scss
+++ b/system/styles/scss/sheets.scss
@@ -0,0 +1,57 @@
+/** Sheets **/
+&.sheet {
+    min-width: 600px;
+    .sheet-header {
+        h1 {
+            flex: 0 0 100%;
+            input {
+                height: 3rem;
+                line-height: 1.5rem;
+                margin: 0;
+                padding: 0 0 0.5rem;
+                width: 100%;
+                border: 1px solid $l5r5e-white;
+                color: $l5r5e-red;
+            }
+        }
+        img {
+            flex: 0 0 150px;
+            height: 150px;
+            margin-right: 0.25rem;
+        }
+        .header-fields {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        .identity-wrapper {
+            flex: 0 0 calc(100% - 150px - 0.25rem);
+            .identity-content {
+                flex: 0 0 100%;
+                display: flex;
+                flex-wrap: wrap;
+                li {
+                    flex: 33%;
+                    &:nth-child(1), &:nth-child(2) {
+                        flex: 50%;
+                        margin: 0 0 0.5rem;
+                    }
+                }
+            }
+        }
+        .rings {
+            flex: 0 0 calc(50% - 0.25rem);
+            display: flex;
+            padding: 0.25rem;
+        }
+        .social-content {
+            flex: 0 0 100%;
+            display: flex;
+            padding: 0.25rem;
+        }
+        .attributes-wrapper {
+            flex: 0 0 calc(50% - 0.25rem);
+            display: flex;
+            padding: 0.25rem;
+        }
+    }
+}