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

Timestamp:

12/01/2020 07:07:43 PM (5 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC2.

This will be the final sync from GitHub before placing that repository into read-only mode. All further changes should now flow entirely through Trac.

For a full list of changes since [49633], see ​https://github.com/WordPress/twentytwentyone/compare/1d5a895...53acd9b.

Props poena, luminuu, kjellr, ryelle, allancole, melchoyce, felipeelia, aljullu, kebbet, chaton666, Clorith, mkaz, ingereck, paaljoachim.
See #51526.

File:

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

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

@@ -35 +35 @@
         background: var(--global--color-white-90);
     }
-
 }
 
@@ -217 +216 @@
         -webkit-appearance: none;
         border: 3px solid var(--form--color-ranged);
-        height: 25px;
-        width: 25px;
+        height: 44px;
+        width: 44px;
         border-radius: 50%;
         background: var(--global--color-background);
@@ -226 +225 @@
     input[type="range"]::-moz-range-thumb {
         border: 3px solid var(--form--color-ranged);
-        height: 25px;
-        width: 25px;
+        height: 44px;
+        width: 44px;
         border-radius: 50%;
         background: var(--global--color-background);
         cursor: pointer;
+        box-sizing: border-box;
     }
 }
@@ -257 +257 @@
 input[type="range"]::-ms-thumb {
     border: 3px solid var(--form--color-ranged);
-    height: 25px;
-    width: 25px;
+    height: 44px;
+    width: 44px;
     border-radius: 50%;
     background: var(--global--color-background);