Changeset 49870 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss

Timestamp:

12/22/2020 04:51:55 PM (6 years ago)

Author:

ryelle

Message:

Twenty Twenty-One: Set a maximum width on inputs.

Text inputs with a size attribute can end up longer than the screen width on small screens. A max-width of 100% keeps the inputs from breaking out of the container.

Props basscan, kjellr, poena, sabernhardt
Fixes #52083.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss

@@ -21 +21 @@
         // Gives a little more space for the outline offset.
         margin: 0 2px;
+        max-width: 100%;
 
         &:focus {