feat: Initial after clean slate

1 files changed, 56 insertions, 0 deletions

diff --git a/apps/web-shared/src/styles/custom-style/_forms.scss b/apps/web-shared/src/styles/custom-style/_forms.scss
new file mode 100644
index 0000000..0048941
--- /dev/null
+++ b/apps/web-shared/src/styles/custom-style/_forms.scss
@@ -0,0 +1,56 @@
+@use '../base' as *;
+
+// --------------------------------
+
+// (START) Global editor code https://codyhouse.co/ds/globals/forms
+
+// --------------------------------
+
+:root {
+  --form-control-font-size: 1em;
+  --form-control-padding-x: var(--space-xs);
+  --form-control-padding-y: var(--space-xxs);
+  --form-control-radius: var(--radius-sm);
+}
+
+.form-control {
+  background: var(--color-bg-dark);
+  line-height: 1.2;
+  box-shadow: inset 0 0 0 1px var(--color-contrast-lower);
+
+  &::placeholder {
+    opacity: 1;
+    color: var(--color-contrast-low);
+  }
+
+  &:focus {
+    background: var(--color-bg);
+    box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary);
+    outline: none;
+  }
+}
+
+.form-control--disabled, .form-control[disabled], .form-control[readonly] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.form-control[aria-invalid="true"], .form-control.form-control--error {
+  box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error);
+
+  &:focus {
+    box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm);
+  }
+}
+
+.form-legend {
+}
+
+.form-label {
+}
+
+// --------------------------------
+
+// (END) Global editor code
+
+// --------------------------------