0.0.1 new functional twb

2025-01-08 21:33:19 +03:00
parent a76663ea81
commit 2b809ae9a6
12 changed files with 246 additions and 5 deletions
--- a/static/v2/css/forms.css
+++ b/static/v2/css/forms.css
@@ -0,0 +1,49 @@
+.field_container{
+    --input-border: #E6E6E6;
+    --input-font-size: 16px;
+    --input-border-radius: 10px;
+
+    --placeholder-color: #27242499;
+    --placeholder-font-size: 16px;
+
+    --label-color: #000;
+    --label-required-color: #FF613A;
+    --label-font-size: 16px;
+    --label-font-weight: 500;
+
+    label{
+        display: block;
+        color: var(--label-color);
+        font-weight: var(--label-font-weight);
+        &:has(div){
+            display: flex;
+            align-items: center;
+        }
+        .required_field_icon{
+            color: var(--label-required-color);
+        }
+    }
+
+    input{
+        padding: 20px 10px;
+        border: 1px solid var(--input-border);
+        border-radius: var(--input-border-radius);
+        font-size: var(--input-font-size);
+        &::placeholder{
+            font-size: var(--placeholder-font-size);
+            color: var(--placeholder-color);
+        }
+    }
+}
+
+.form_line{
+    --display: flex;
+    &._50_grid {
+        --display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 40px;
+    }
+    display: var(--display);
+    justify-content: space-between;
+
+}