[wp-trac] [WordPress Trac] #52004: problem embedding google calendar in twenty twenty one theme

[WordPress Trac]

#52004: problem embedding google calendar in twenty twenty one theme
---------------------------+---------------------
 Reporter:  thorlentz      |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  5.6.1
Component:  Bundled Theme  |     Version:  5.6
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css
---------------------------+---------------------
Changes (by helen):

 * focuses:   => css
 * component:  General => Bundled Theme
 * milestone:  Awaiting Review => 5.6.1


Comment:

 Hi @thorlentz, thanks for the report.

 I am seeing this in style.css which does indeed seem incorrect:

 {{{
 @media only screen and (min-width: 482px) {

         .entry-content > iframe[style] {
                 max-width: var(--global--spacing-vertical) !important;
         }
 }
 }}}

 As a point of comparison, this is in Twenty Nineteen:

 {{{
 .entry .entry-content > iframe[style] {
   margin: 32px 0 !important;
   max-width: 100% !important;
 }

 @media only screen and (min-width: 768px) {
   .entry .entry-content > iframe[style] {
     max-width: calc(8 * (100vw / 12) - 28px) !important;
   }
 }

 @media only screen and (min-width: 1168px) {
   .entry .entry-content > iframe[style] {
     max-width: calc(6 * (100vw / 12) - 28px) !important;
   }
 }
 }}}

 Milestoning for 5.6.1 as this likely affects other embeds.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52004#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform