move textarea styles to style.css

Cosmatevs · Cosmatevs · commit bfea623fcd1f · 2025-06-24T16:53:57.000+02:00
diff --git a/assets/style.css b/assets/style.css
@@ -72,10 +72,22 @@ textarea, iframe, button, select {
 	font-family: inherit;
 }
 
+textarea {
+	min-height: 1rem;
+	min-width: 3rem;
+	resize: none;
+}
+
 textarea[readonly] {
 	opacity: 0.8;
 }
 
+textarea.code {
+	font-family: "Consolas", monospace;
+	font-size: .8rem;
+	font-weight: 500;
+}
+
 /* custom elements */
 #site-icons {
 	display: flex;
diff --git a/bhav-to-diagram.html b/bhav-to-diagram.html
@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>The Sims 2 BHAV to Mermaid diagram</title>
 	<link rel="icon" type="image/x-icon" href="assets/favicon.svg">
-	<link rel="stylesheet" href="assets/style.css?v=5" />
+	<link rel="stylesheet" href="assets/style.css?v=6" />
 	<script src="assets/common.js?v=3"></script>
 	<script src="assets/svg-pan-zoom-container.js?v=0.6.1"></script> <!-- https://github.com/luncheon/svg-pan-zoom-container -->
 	<style>
@@ -39,15 +39,6 @@
 			flex-grow: 1;
 		}
 	
-		textarea {
-			min-height: 1rem;
-			min-width: 3rem;
-			resize: none;
-			font-family: "Consolas", monospace;
-			font-size: .8rem;
-			font-weight: 500;
-		}
-	
 		textarea.error {
 			background: var(--error-color);
 			color: var(--on-error-color);
@@ -128,7 +119,7 @@
 
 <body>
 	<section id="textareas">
-		<textarea id="input-code" spellcheck="false" placeholder="Here goes your BHAV code"></textarea>
+		<textarea id="input-code" class="code" spellcheck="false" placeholder="Here goes your BHAV code"></textarea>
 		<section id="settings">
 			<button id="tutorial-button" title="Replace the code in the BHAV textbox with a tutorial code">
 				Show tutorial
@@ -165,7 +156,7 @@
 				</a>
 			</div>
 		</section>
-		<textarea id="output-code" readonly placeholder="The BHAV code translated into Mermaid diagram code"></textarea>
+		<textarea id="output-code" class="code" readonly placeholder="The BHAV code translated into Mermaid diagram code"></textarea>
 	</section>
 	<section id="visual-output">
 		<div id="diagram-wrapper" data-zoom-on-wheel="zoom-amount: 0.001; min-scale: 0.9; max-scale: 20;" data-pan-on-drag>
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Nopke's web tools</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.svg">
-    <link rel="stylesheet" href="assets/style.css?v=5" />
+    <link rel="stylesheet" href="assets/style.css?v=6" />
     <style>
         body {
             --body-padding: 1.5rem;
