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

Timestamp:

03/25/2024 09:24:53 PM (21 months ago)

Author:

coffee2code

Message:

Support: Fix search button height at the 768px breakpoint.

Props kajalgohel, dd32, coffee2code.
Fixed #6860.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/forms/_buttons.scss (modified) (1 diff)

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

@@ -332 +332 @@
 ---------------------------------------------------------------------------- */
 
-@media screen and ( max-width: $ms-breakpoint ) {
+$button-font-size: 14px;
+// Convert 1px to ems.
+$px-to-em: calc( 1px / $button-font-size );
+@media screen and ( max-width: ($ms-breakpoint - $px-to-em) ) {
 
     .button,
     .button.button-large,
     .button.button-small {
-        font-size: 14px;
+        font-size: $button-font-size;
         height: auto;
         line-height: normal;