diff --git a/prototype/src/main/resources/static/css/ecom.css b/prototype/src/main/resources/static/css/ecom.css
index d273d7d..6c6e0ef 100644
--- a/prototype/src/main/resources/static/css/ecom.css
+++ b/prototype/src/main/resources/static/css/ecom.css
@@ -55,7 +55,7 @@
--c-secondary-highlight: var(--root-c-secondary-highlight);
--c-black: var(--root-c-black);
- --c-black: var(--root-c-black-highlight);
+ --c-black-highlight: var(--root-c-black-highlight);
}
.secondary {
@@ -86,6 +86,60 @@
--c-black-highlight: var(--root-c-base-highlight);
}
+.bg-base {
+ background-color: var(--root-c-base);
+}
+
+.bg-base {
+ background-color: var(--root-c-base);
+}
+
+.bg-base-highlight {
+ background-color: var(--root-c-base-highlight);
+}
+
+.bg-primary {
+ background-color: var(--root-c-primary);
+}
+
+.bg-primary-highlight {
+ background-color: var(--root-c-primary-highlight);
+}
+
+.bg-secondary {
+ background-color: var(--root-c-secondary);
+}
+
+.bg-secondary-highlight {
+ background-color: var(--root-c-secondary-highlight);
+}
+
+.bg-black {
+ background-color: var(--root-c-black);
+}
+
+.bg-black-highlight {
+ background-color: var(--root-c-black-highlight);
+}
+
+.highlight > *,
+.highlight {
+ --c-base: var(--root-c-black);
+ --c-base-highlight: var(--root-c-black-highlight);
+
+ --c-primary:var(--root-c-primary);
+ --c-primary-highlight: var(--root-c-primary-highlight);
+
+ --c-secondary: var(--c-secondary);
+ --c-secondary-highlight: var(--root-c-secondary-highlight);
+
+ --c-black: var(--root-c-base);
+ --c-black-highlight: var(--root-c-base-highlight);
+}
+
+
+
+
.smaller {
--u5: calc(0.666em * 1.5 * 1.5 * 1.5 * 1.5 * 1.5);
--u4: calc(0.666em * 1.5 * 1.5 * 1.5 * 1.5);
@@ -258,12 +312,12 @@ input[type="password"] {
/* box-shadow: var(--s-0-secondary); */
}
-
+/*
input[type="text"]:invalid,
input[type="password"]:invalid {
background-color: var(--c-error);
color: var(--c-base);
-}
+}*/
input[type="text"]::placeholder,
input[type="password"]::placeholder {
@@ -377,6 +431,12 @@ fieldset {
grid-row-gap: var(--u0);
}
+.detailgrid.s {
+ max-width: calc(20rem + var(--u0) * 2);
+ margin-left: auto;
+ margin-right: auto;
+}
+
.detailgrid > .s {
grid-column: span 1;
}
@@ -593,7 +653,3 @@ fieldset {
.Margin-left.s {
margin-left: 2rem;
}
-
-
-
-
diff --git a/prototype/src/main/resources/templates/login.html b/prototype/src/main/resources/templates/login.html
index e69de29..c7e9f31 100644
--- a/prototype/src/main/resources/templates/login.html
+++ b/prototype/src/main/resources/templates/login.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Einloggen
+
+
+
+
+
+
+
+
+
+