feat(css/scss): initial stylization of threat sheet

basic organization of fields, padding, margin, width, height
SouOWendel · May 21, 2024 · c2bd00a · c2bd00a
1 parent 2a5a947
commit c2bd00a
Show file tree

Hide file tree

Showing 2 changed files with 98 additions and 0 deletions.
diff --git a/css/ordemparanormal_fvtt.css b/css/ordemparanormal_fvtt.css
diff --git a/scss/components/_forms.scss b/scss/components/_forms.scss
@@ -237,3 +237,60 @@
 		font-weight: bold;
 	}
 }
+// TODO: Separar SCSS entre geral, agente, ameaça.
+.threat {
+	#senses, #defenses, #attributes, #general,
+	#disturbingPresence, #actions, #abilities {
+		padding: 5px;
+		border: 1px solid #27272740;
+		margin-top: 5px;
+		border-radius: 5px;
+
+		.display-flex {
+			align-items: center;
+		}
+	}
+
+	.miniInput {
+		width: 32px;
+	}
+
+	#attributes {
+		justify-content: space-between;
+
+		.pre, .vit, .str, .int, .dex {
+			text-align: center;
+			input {
+				height: 32px;
+			}
+		}
+	}
+
+	label + input {
+		margin-left: 5px;
+	}
+
+	#announcement {
+		a {
+			color: #272727;
+		}
+
+		.link-alert {
+			padding: 0 10px;
+		}
+	}
+
+	#descriptions div {
+		margin: 8px 0;
+
+		textarea {
+			height: 100px;
+		}
+	}
+
+	#actions {
+		textarea {
+			height: 300px;
+		}
+	}
+}