|
|
@@ -0,0 +1,42 @@
|
|
|
+
|
|
|
+:root {
|
|
|
+ --color-form: rgb(203, 222, 228);
|
|
|
+ --color-field: rgba(255, 0, 0, 0.123);
|
|
|
+ --color-label: rgba(0, 255, 42, 0.123);
|
|
|
+ --color-input: rgba(0, 4, 255, 0.123);
|
|
|
+}
|
|
|
+
|
|
|
+/* Remove the code below to restore colors */
|
|
|
+:root { --color-form: transparent; --color-field: transparent; --color-label: transparent; --color-input: transparent; }
|
|
|
+
|
|
|
+body {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.body--centered {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.form {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ background-color: var(--color-form);
|
|
|
+}
|
|
|
+
|
|
|
+.field {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background-color: var(--color-field);
|
|
|
+ margin: 0.2em 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.field__label {
|
|
|
+ flex: 1;
|
|
|
+ background-color: var(--color-label);
|
|
|
+}
|
|
|
+
|
|
|
+.field__input {
|
|
|
+ flex: 2;
|
|
|
+ background-color: var(--color-input);
|
|
|
+}
|
