beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Add left/right margins to iframes and other embeds to better support responsiveness.

Browse source
This commit is contained in:
Allan Cole 2020-07-15 17:47:18 -04:00
parent ff32eeb942
commit cd5184e39e
3 changed files with 21 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
varia/sass/components/content/_entry-content.scss
View file

@ -38,14 +38,13 @@
}
// Overwrite iframe embeds that have inline styles.
> iframe[style] {
margin: #{map-deep-get($config-global, "spacing", "vertical")} 0 !important;
max-width: 100% !important;
@include media(mobile) {
max-width: #{map-deep-get($config-global, "spacing", "vertical")} !important;
}
> iframe,
> iframe[style],
> fb\:post {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: scroll;
}
// Page links

16
varia/style-rtl.css
View file

@ -3210,15 +3210,13 @@ body:not(.fse-enabled) .footer-menu a {
text-decoration: none;
}
.entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 560px) {
.entry-content > iframe[style] {
max-width: 32px !important;
}
.entry-content > iframe,
.entry-content > iframe[style],
.entry-content > fb\:post {
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
overflow: scroll;
}
.entry-attachment {

16
varia/style.css
View file

@ -3229,15 +3229,13 @@ body:not(.fse-enabled) .footer-menu a {
text-decoration: none;
}
.entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 560px) {
.entry-content > iframe[style] {
max-width: 32px !important;
}
.entry-content > iframe,
.entry-content > iframe[style],
.entry-content > fb\:post {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: scroll;
}
.entry-attachment {