Ticket #53605: 53605.1.diff

src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

@@ -311 +311 @@
         padding: 0;
 }
 
-select {
-        border: 3px solid #39414d;
-        border-radius: 0;
-        color: #28303d;
-        font-size: 1.125rem;
-        -moz-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-        padding: 10px 30px 10px 10px;
-        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-        background-position: right 10px top 60%;
-}
-
+select,
 select:focus {
-        border: 3px solid #39414d;
-        border-radius: 0;
-        color: #28303d;
-        font-size: 1.125rem;
+        border: var(--form--border-width) solid var(--form--border-color);
+        border-radius: var(--form--border-radius);
+        color: var(--form--color-text);
+        font-size: var(--form--font-size);
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
-        padding: 10px 30px 10px 10px;
-        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-        background-position: right 10px top 60%;
+        padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+        background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+        background-position: right var(--form--spacing-unit) top 60%;
 }
 
 /*
@@ -3091 +3079 @@
         text-decoration: none;
 }
 
-.has-background .has-link-color a {
-        color: #28303d;
-}
-
+.has-background .has-link-color a,
 .has-background.has-link-color a {
         color: #28303d;
 }

src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -2242 +2242 @@
         outline: 2px dotted #28303d;
 }
 
-.has-background .has-link-color a {
-        color: #28303d;
-}
-
+.has-background .has-link-color a,
 .has-background.has-link-color a {
         color: #28303d;
 }