Changeset 23628

Timestamp:

03/06/2013 11:09:26 PM (14 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: better styling for text input elements in small viewports. Props obenland and karmatosed, fixes #23629.

File:

• trunk/wp-content/themes/twentythirteen/style.css (modified) (2 diffs)

trunk/wp-content/themes/twentythirteen/style.css

@@ -2360 +2360 @@
 
 #commentform input[type="text"] {
-        width: 270px;
+        max-width: 270px;
+        width: 60%;
 }
 
@@ -3008 +3009 @@
         }
 
+        #commentform input[type="text"] {
+                width: -webkit-calc(100% - 100px);
+                width:         calc(100% - 100px);
+        }
+
         #commentform textarea {
                 height: 80px; /* Smaller field for mobile. */