Changeset 58725

Timestamp:

07/15/2024 06:10:03 PM (3 months ago)

Author:

karmatosed

Message:

Twenty Sixteen: Fixes button block letter spacing control.

The button block had issues with font styling not applying. This not only brings letter-spacing but also line-height, text-transform and font-weight to wp-button-block-buttons. [57300] fixed the separator issue. This fix also added box-shadow none for consistency.

Props darshitrajyaguru97, harshgajipara, shailu25, sabernhardt, alvitazwar052.
Fixes #58609.

Location:

trunk/src/wp-content/themes/twentysixteen/css

Files:

• blocks.css (modified) (1 diff)
• editor-blocks.css (modified) (1 diff)

trunk/src/wp-content/themes/twentysixteen/css/blocks.css

@@ -251 +251 @@
 /* Buttons */
 
+.wp-block-buttons {
+    font-weight: 700;
+    letter-spacing: 0.046875em;
+    line-height: 1;
+    text-transform: uppercase;
+}
+
 .wp-block-button .wp-block-button__link {
     box-shadow: none;
     font-family: Montserrat, "Helvetica Neue", sans-serif;
-    font-weight: 700;
-    letter-spacing: 0.046875em;
-    line-height: 1;
     padding: 0.84375em 1.3125em 0.78125em;
-    text-transform: uppercase;
-}
-
-.wp-block-buttons[style*="text-transform"] .wp-block-button__link,
-.wp-block-button[style*="text-transform"] .wp-block-button__link {
-    text-transform: inherit;
 }
 

trunk/src/wp-content/themes/twentysixteen/css/editor-blocks.css

@@ -561 +561 @@
 /* Buttons */
 
-.wp-block-button .wp-block-button__link {
-    font-family: Montserrat, "Helvetica Neue", sans-serif;
+.wp-block-buttons {
     font-weight: 700;
     letter-spacing: 0.046875em;
     line-height: 1;
+    text-transform: uppercase;
+}
+
+.wp-block-button .wp-block-button__link {
+    box-shadow: none;
+    font-family: Montserrat, "Helvetica Neue", sans-serif;
     padding: 0.84375em 1.3125em 0.78125em;
-    text-transform: uppercase;
-}
-
-.wp-block-buttons[style*="text-transform"] .wp-block-button__link,
-.wp-block-button[style*="text-transform"] .wp-block-button__link {
-    text-transform: inherit;
 }