Changeset 13272 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/forms/_fields.scss

Timestamp:

03/05/2024 02:45:07 AM (2 years ago)

Author:

adamwood

Message:

Support Theme: Redesign iteration 1

Replace wp4 with wporg-parent-2021
Redesign forums homepage
Reskin templates

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/forms/_fields.scss (modified) (7 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/forms/_fields.scss

@@ -18 +18 @@
 input[type="number"],
 input[type="password"],
-input[type="search"],
 input[type="radio"],
 input[type="tel"],
@@ -28 +27 @@
 textarea {
     background-color: #fff;
-    border: 1px solid $color__border-input;
-    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
-    color: $color__text-input;
+    border: 1px solid var(--wp--preset--color--light-grey-1);
+    box-shadow: var(--wp--custom--form--color--box-shadow);
+    color: var(--wp--custom--form--color--text);
     transition: 0.05s border-color ease-in-out;
     -webkit-appearance: none;
 
     &:focus {
-        color: $color__text-input-focus;
+        color: var(--wp--custom--form--color--text);
     }
 }
@@ -71 +70 @@
 input[type="text"],
 input[type="email"],
-input[type="search"],
 input[type="password"],
 input[type="number"] {
@@ -126 +124 @@
 
 input[type="checkbox"]:checked::before {
-    color: #1e8cbe;
+    color: var(--wp--preset--color--blueberry-1);
     content: "\f147";
     font: 400 30px/1 dashicons;
@@ -133 +131 @@
 
 input[type="radio"]:checked::before {
-    background-color: #1e8cbe;
+    background-color: var(--wp--preset--color--blueberry-1);
     border-radius: 50px;
     content: "\2022";
@@ -203 +201 @@
 textarea.readonly,
 textarea[readonly] {
-    background-color: $color__background-pre;
+    background-color: var(--wp--preset--color--light-grey-1);
 }
 
@@ -255 +253 @@
     input[type="text"],
     input[type="email"],
-    input[type="search"],
     input[type="password"],
     input[type="number"] {