improve text placement in buttons and text inputs on non-apple devices

2026-07-05 02:23:03 +02:00
parent 0e239d06d8
commit 8ebd17c99c
9 changed files with 38 additions and 8 deletions
@@ -131,12 +131,16 @@ input[type="text"] {
  font-family: inherit;
  font-size: var(--font-size-body);
  font-weight: 500;
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
  transition: opacity var(--transition-easing);

  &::placeholder {
    font-weight: 400;
    color: currentColor;
    opacity: .6;
+    text-box-trim: trim-both;
+    text-box-edge: cap alphabetic;
  }

  &:focus, &:hover {
@@ -368,4 +372,4 @@ select {
 .event-lead {
  max-width: var(--size-width-lead);
  margin: var(--spacing-l) auto;
-}
+}