mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-27 06:42:56 +02:00
Twenty Nineteen: Fix padding discrepancies in responsive styles for Column block.
Props kjellr, dianeco. Fixes #46643, #46999. Built from https://develop.svn.wordpress.org/trunk@45264 git-svn-id: http://core.svn.wordpress.org/trunk@45073 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
54c7c76836
commit
ac7877ce6f
@ -741,39 +741,22 @@
|
|||||||
//! Columns
|
//! Columns
|
||||||
.wp-block-columns {
|
.wp-block-columns {
|
||||||
|
|
||||||
&.alignfull {
|
.wp-block-column > * {
|
||||||
padding-left: $size__spacing-unit;
|
|
||||||
padding-right: $size__spacing-unit;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media(mobile) {
|
&:first-child {
|
||||||
flex-wrap: nowrap;
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
.wp-block-column > * {
|
flex-wrap: nowrap;
|
||||||
|
|
||||||
&:first-child {
|
.wp-block-column:not(:first-child) {
|
||||||
margin-top: 0;
|
margin-left: 32px;
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[class*='has-'] > * {
|
|
||||||
margin-right: $size__spacing-unit;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.alignfull,
|
|
||||||
&.alignfull .wp-block-column {
|
|
||||||
padding-left: calc(2 * #{$size__spacing-unit});
|
|
||||||
padding-right: calc(2 * #{$size__spacing-unit});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6029,34 +6029,20 @@ body.page .main-navigation {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull {
|
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
|
||||||
padding-right: 1rem;
|
margin-top: 0;
|
||||||
padding-left: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 600px) {
|
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
|
||||||
.entry .entry-content .wp-block-columns {
|
margin-bottom: 0;
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
|
.entry .entry-content .wp-block-columns {
|
||||||
margin-top: 0;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
|
.entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
|
||||||
margin-bottom: 0;
|
margin-right: 32px;
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns[class*='has-'] > * {
|
|
||||||
margin-left: 1rem;
|
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull,
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull .wp-block-column {
|
|
||||||
padding-right: calc(2 * 1rem);
|
|
||||||
padding-left: calc(2 * 1rem);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6041,34 +6041,20 @@ body.page .main-navigation {
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull {
|
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
|
||||||
padding-left: 1rem;
|
margin-top: 0;
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 600px) {
|
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
|
||||||
.entry .entry-content .wp-block-columns {
|
margin-bottom: 0;
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
|
.entry .entry-content .wp-block-columns {
|
||||||
margin-top: 0;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
|
.entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
|
||||||
margin-bottom: 0;
|
margin-left: 32px;
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns[class*='has-'] > * {
|
|
||||||
margin-right: 1rem;
|
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull,
|
|
||||||
.entry .entry-content .wp-block-columns.alignfull .wp-block-column {
|
|
||||||
padding-left: calc(2 * 1rem);
|
|
||||||
padding-right: calc(2 * 1rem);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '5.2-beta3-45263';
|
$wp_version = '5.2-beta3-45264';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
Loading…
Reference in New Issue
Block a user