diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/blocks/embed/style.css --- a/wp/wp-includes/blocks/embed/style.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/blocks/embed/style.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,147 +1,64 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * These variables do not appear to be used anywhere else. - */ -/** -* Converts a hex value into the rgb equivalent. -* -* @param {string} hex - the hexadecimal value to convert -* @return {string} comma separated rgb values -*/ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=left] > [data-type="core/embed"], -.wp-block[data-align=right] > [data-type="core/embed"], -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; +.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{ + max-width:360px; + width:100%; +} +.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{ + min-width:280px; +} + +.wp-block-cover .wp-block-embed{ + min-height:240px; + min-width:320px; } -.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block-embed.alignleft .wp-block-embed__wrapper, -.wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; + +.wp-block-embed{ + overflow-wrap:break-word; +} +.wp-block-embed :where(figcaption){ + margin-bottom:1em; + margin-top:.5em; +} +.wp-block-embed iframe{ + max-width:100%; +} + +.wp-block-embed__wrapper{ + position:relative; } -.wp-block-cover .wp-block-embed { - min-width: 320px; - min-height: 240px; -} - -.wp-block-embed { - margin: 0 0 1em 0; - overflow-wrap: break-word; +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{ + content:""; + display:block; + padding-top:50%; } -.wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; -} -.wp-block-embed iframe { - max-width: 100%; -} - -.wp-block-embed__wrapper { - position: relative; +.wp-embed-responsive .wp-has-aspect-ratio iframe{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{ + padding-top:42.85%; } -.wp-embed-responsive .wp-has-aspect-ratio iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{ + padding-top:50%; } - -.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ + padding-top:56.25%; } -.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{ + padding-top:75%; } -.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; -} -.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{ + padding-top:100%; } -.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{ + padding-top:177.77%; } -.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { - padding-top: 177.77%; -} -.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{ + padding-top:200%; } \ No newline at end of file