website/static/src/scss/_blocks.scss

44 lines
677 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%);
}
}
2022-07-05 09:03:45 +01:00
div.block-tangent {
.inner {
margin: math.div($content-block-margin-bottom, 4) 0;
padding-left: 1.5rem;
}
}