vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-08-13 13:20:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Twenty Nineteen: Correct line height for Button block.

Browse Source 
This commit moves `line-height` to the Buttons container and removes the duplicate `outline` property.

Props sabernhardt, nidhidhandhukiya, monzuralam, shailu25, hrrarya, karmatosed, harshgajipara, nicolefurlan, fnpen, oglekler, poena, huzaifaalmesbah, audrasjb.
Fixes #58443.

git-svn-id: https://develop.svn.wordpress.org/trunk@57599 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov
2024-02-12 18:50:47 +00:00
parent 4fe09a2df3
commit 9087615a4f
5 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
+5 -3
View File
@@ -163,7 +163,11 @@
}
}
//! Button
//! Buttons
.wp-block-buttons {
line-height: $font__line-height-heading;
}
.wp-block-button {
.wp-block-button__link {
@@ -171,13 +175,11 @@
border: none;
font-size: $font__size-sm;
@include font-family( $font__heading );
line-height: $font__line-height-heading;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: ($size__spacing-unit * .76) $size__spacing-unit;
outline: none;
outline: none;
&:not(.has-background) {
background-color: $color__background-button;
src/wp-content/themes/twentynineteen/style-editor.css
+4 -1
View File
@@ -1004,8 +1004,11 @@ figcaption,
}
/** === Button === */
.wp-block-buttons {
line-height: 1.2;
}
.wp-block-button .wp-block-button__link {
line-height: inherit;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: bold;
src/wp-content/themes/twentynineteen/style-editor.scss
+4 -1
View File
@@ -379,10 +379,13 @@ figcaption,
/** === Button === */
.wp-block-buttons {
line-height: $font__line-height-heading;
}
.wp-block-button {
.wp-block-button__link {
line-height:inherit;
@include font-family( $font__heading );
font-size: $font__size-sm;
font-weight: bold;
src/wp-content/themes/twentynineteen/style-rtl.css
+4 -2
View File
@@ -5484,18 +5484,20 @@ body.page .main-navigation {
width: 100%;
}
.entry .entry-content .wp-block-buttons {
line-height: 1.2;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
src/wp-content/themes/twentynineteen/style.css
+6 -3
View File
@@ -2804,7 +2804,8 @@ body.page .main-navigation {
background: transparent;
color: inherit;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
transition: background 250ms ease-in-out,
transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
@@ -5496,18 +5497,20 @@ body.page .main-navigation {
width: 100%;
}
.entry .entry-content .wp-block-buttons {
line-height: 1.2;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {