Changeset 13272 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/forms/_buttons.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/_buttons.scss (modified) (6 diffs)

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

@@ -166 +166 @@
 .button:active,
 .button-secondary:active {
-    background: $color__background-button;
+    background: var(--wp--preset--color--light-grey-1);
     border-color: #999;
     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
@@ -215 +215 @@
 
 .button-primary,
-.download-button {
-    background: #0085ba;
-    border-color: #0073aa #006799 #006799;
-    box-shadow: 0 1px 0 #006799;
-    color: #fff;
+.download-button,
+.is-primary,
+input[type="submit"],
+button[type="submit"] {
+    background: var(--wp--custom--button--color--background);
+    border: var(--wp--custom--button--border--width) var(--wp--custom--button--border--style) var(--wp--custom--button--border--color);
+    border-radius: var(--wp--custom--button--border--radius);
+    box-shadow: none;
+    color: var(--wp--custom--button--color--text);
     text-decoration: none;
-    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
+    text-shadow: none;
+    font-size: var(--wp--custom--button--small--typography--font-size);
+    line-height: 1.3;
+    padding-right: var(--wp--custom--button--small--spacing--padding--right);
+    padding-left: var(--wp--custom--button--small--spacing--padding--left);
 
     &:visited {
-        background: #0085ba;
-        border-color: #0073aa #006799 #006799;
-        box-shadow: 0 1px 0 #006799;
-        color: #fff;
+        background: var(--wp--custom--button--color--background);
+        border-color: var(--wp--custom--button--border--color);
+        box-shadow: none;
+        color: var(--wp--custom--button--color--text);
     }
 
@@ -234 +242 @@
     &.focus,
     &:focus {
-        background: #008ec2;
-        border-color: #006799;
-        box-shadow: 0 1px 0 #006799;
-        color: #fff;
+        background: var(--wp--custom--button--hover--color--background);
+        border-color: var(--wp--custom--button--hover--color--background);
+        box-shadow: none;
+        color: var(--wp--custom--button--hover--color--text);
     }
 
     &.focus,
     &:focus {
-        box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
+        box-shadow: none;
+        border-color: var(--wp--custom--button--focus--border--color);
     }
 
@@ -249 +258 @@
     &.active:focus,
     &:active {
-        background: #0073aa;
-        border-color: #006799;
-        box-shadow: inset 0 2px 0 #006799;
+        background: var(--wp--custom--button--active--color--background);
+        border-color: var(--wp--custom--button--active--border--color);
+        color: var(--wp--custom--button--active--color--text);
+        box-shadow: none;
         vertical-align: top;
     }
@@ -258 +268 @@
     &:disabled,
     &.disabled {
-        background: #008ec2 !important;
-        border-color: #007cb2 !important;
+        background: var(--wp--custom--button--disabled--background-color) !important;
+        border-color: var(--wp--custom--button--disabled--border-color) !important;
         box-shadow: none !important;
-        color: #66c6e4 !important;
+        color: var(--wp--custom--button--disabled--color) !important;
         cursor: default;
-        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
     }
 
@@ -279 +288 @@
 
 .button-primary-disabled {
-    background: #008ec2 !important;
-    border-color: #007cb2 !important;
+    background: var(--wp--custom--button--disabled--background-color) !important;
+    border-color: var(--wp--custom--button--disabled--border-color) !important;
     box-shadow: none !important;
-    color: #66c6e4 !important;
+    color: var(--wp--custom--button--disabled--color) !important;
     cursor: default;
-    text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
 }