repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Show embedded blocks full width on mobile

Browse source
This commit is contained in:
Jake Howard 2022-06-28 22:14:23 +01:00
parent e6c8546129
commit a0ddf1c434
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
static/src/scss/_blocks.scss
View file

@ -1,9 +1,15 @@
@mixin center-block { @mixin center-block($width: 85%, $mobile-width: 90%) {
width: $embed-width; width: $width;
margin: 0 auto; margin: 0 auto;
max-width: $embed-width; max-width: $width;
min-width: $embed-width; min-width: $width;
@include touch {
max-width: $mobile-width;
min-width: $mobile-width;
width: $mobile-width;
}
} }
div.block-image { div.block-image {
@ -25,6 +31,6 @@ div.block-image {
div.block-embed { div.block-embed {
lite-youtube { lite-youtube {
@include center-block; @include center-block(50%);
} }
} }

1
static/src/scss/_variables.scss
View file

@ -1 +0,0 @@
$embed-width: 85%;