mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-29 04:28:07 +01:00
b7a899e8aa
This fixes an issue where `<iframe>` embeds were being pushed to the side of the screen and compressed to the point of being unusable. Props helen, mukesh27, poena, thorlentz. Fixes #52004. Built from https://develop.svn.wordpress.org/trunk@49823 git-svn-id: http://core.svn.wordpress.org/trunk@49542 1a063a9b-81f0-0310-95a4-ce76da25c4cd
211 lines
4.0 KiB
SCSS
211 lines
4.0 KiB
SCSS
.entry-title {
|
|
|
|
color: var(--entry-header--color);
|
|
font-size: var(--entry-header--font-size);
|
|
letter-spacing: var(--heading--letter-spacing-h2);
|
|
line-height: var(--heading--line-height-h2);
|
|
overflow-wrap: break-word;
|
|
|
|
a {
|
|
color: var(--entry-header--color-link);
|
|
text-underline-offset: 0.15em;
|
|
|
|
&:hover {
|
|
color: var(--entry-header--color-hover);
|
|
}
|
|
|
|
&:focus {
|
|
color: var(--entry-header--color-focus);
|
|
}
|
|
|
|
&:active {
|
|
color: var(--entry-header--color-link);
|
|
}
|
|
}
|
|
}
|
|
|
|
.singular .entry-title {
|
|
font-size: var(--global--font-size-page-title);
|
|
}
|
|
|
|
h1.entry-title {
|
|
line-height: var(--heading--line-height-h1);
|
|
font-weight: var(--heading--font-weight-page-title);
|
|
}
|
|
|
|
/**
|
|
* Entry Content
|
|
*/
|
|
|
|
.entry-content,
|
|
.entry-summary {
|
|
font-family: var(--entry-content--font-family);
|
|
}
|
|
|
|
.entry-content {
|
|
|
|
p {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
// Overwrite iframe embeds that have inline styles.
|
|
> iframe[style] {
|
|
|
|
margin: var(--global--spacing-vertical) 0 !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
// Classic editor audio embeds.
|
|
.wp-audio-shortcode {
|
|
@extend %responsive-aligndefault-width;
|
|
}
|
|
}
|
|
|
|
.entry-footer {
|
|
|
|
color: var(--global--color-primary);
|
|
clear: both;
|
|
float: none;
|
|
font-size: var(--global--font-size-xs);
|
|
display: block;
|
|
|
|
> span {
|
|
display: inline-block;
|
|
}
|
|
|
|
a {
|
|
color: currentColor;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: var(--global--color-primary-hover);
|
|
}
|
|
|
|
&:active {
|
|
color: currentColor;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Extra specificity to override rules in _vertical-margins.scss
|
|
.site-main > article > .entry-footer {
|
|
margin-top: var(--global--spacing-vertical);
|
|
padding-top: var(--global--spacing-unit);
|
|
padding-bottom: calc(3 * var(--global--spacing-vertical));
|
|
border-bottom: var(--separator--height) solid var(--separator--border-color);
|
|
}
|
|
|
|
body:not(.single) .site-main > article:last-of-type .entry-footer {
|
|
border-bottom: var(--separator--height) solid transparent;
|
|
}
|
|
|
|
.single .site-main > article > .entry-footer {
|
|
margin-top: calc(3.4 * var(--global--spacing-vertical));
|
|
margin-bottom: calc(3.4 * var(--global--spacing-vertical));
|
|
padding-bottom: 0;
|
|
padding-top: calc(0.8 * var(--global--spacing-vertical));
|
|
border-top: 3px solid var(--separator--border-color);
|
|
border-bottom: var(--separator--height) solid transparent;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
column-gap: calc(2 * var(--global--spacing-horizontal));
|
|
|
|
.post-taxonomies,
|
|
.full-size-link {
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
}
|
|
|
|
.full-size-link:first-child:last-child {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.posted-on,
|
|
.byline,
|
|
.cat-links,
|
|
.tags-links {
|
|
display: block;
|
|
}
|
|
|
|
@include media(mobile-only) {
|
|
display: block;
|
|
|
|
.full-size-link {
|
|
display: block;
|
|
}
|
|
|
|
.post-taxonomies,
|
|
.full-size-link {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Post Thumbnails
|
|
*/
|
|
|
|
.post-thumbnail {
|
|
@extend %responsive-aligndefault-width;
|
|
text-align: center;
|
|
|
|
.entry-header &,
|
|
.singular & {
|
|
@extend %responsive-alignwide-width-nested;
|
|
}
|
|
|
|
.wp-post-image {
|
|
display: block;
|
|
width: auto;
|
|
max-width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: calc(2 * var(--global--spacing-vertical));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Author
|
|
*/
|
|
|
|
.author-bio {
|
|
position: relative;
|
|
font-size: var(--global--font-size-xs);
|
|
max-width: var(--responsive--aligndefault-width);
|
|
|
|
.site-main > article > & {
|
|
margin-top: calc(2 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
// Avatars are optional and can be turned off.
|
|
&.show-avatars {
|
|
|
|
.avatar {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.author-bio-content {
|
|
display: inline-block;
|
|
padding-left: var(--global--spacing-horizontal);
|
|
max-width: calc(var(--responsive--aligndefault-width) - 90px);
|
|
}
|
|
}
|
|
|
|
.author-bio-content {
|
|
|
|
.author-title {
|
|
font-family: var(--entry-author-bio--font-family);
|
|
font-size: var(--entry-author-bio--font-size);
|
|
display: inline;
|
|
}
|
|
|
|
.author-description {
|
|
font-size: var(--global--font-size-xs);
|
|
margin-top: calc(0.5 * var(--global--spacing-vertical));
|
|
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
|
|
}
|
|
}
|
|
}
|