website/static/src/scss/_blocks.scss

37 lines
556 B
SCSS
Raw Normal View History

@mixin center-block($width: 85%, $mobile-width: 90%) {
width: $width;
2022-06-28 21:59:38 +01:00
margin: 0 auto;
max-width: $width;
min-width: $width;
@include touch {
max-width: $mobile-width;
min-width: $mobile-width;
width: $mobile-width;
}
2022-06-28 21:59:38 +01:00
}
2022-06-27 20:40:55 +01:00
div.block-image {
figcaption {
font-size: 85%;
2022-06-28 21:59:38 +01:00
margin-top: 5px;
}
figure {
@include center-block;
2022-06-27 20:40:55 +01:00
}
}
2022-06-28 21:59:38 +01:00
.content > div[class^="block-"] {
&:not(:last-child) {
margin-bottom: $content-block-margin-bottom;
}
}
div.block-embed {
lite-youtube {
@include center-block(50%);
}
}