For some reason, adding this small and very specific piece of CSS into the extra.css template, breaks certain AMP pages with an invalid CSS message within AMP console:
.xbBoxed {padding:20px 5px !important;}
Remove it, valid. WTF?
Added
I decided to break it out into its own line, also valid. But if included in the first media query, invalid.
.xbBoxed {padding:20px 5px !important;}
Remove it, valid. WTF?
Added
I decided to break it out into its own line, also valid. But if included in the first media query, invalid.
Code:
@media (max-width:@maxResponsiveNarrowWidth) {.discussionListItem .listBlock.posterAvatar {display: none;}.discussionListItem .listBlock.main .titleText {padding-left: 0;}}
@media (max-width:@maxResponsiveNarrowWidth) {.xbBoxed {padding:20px 5px !important;}}
Last edited:
