website/static/src/scss/_blocks.scss

74 lines
1,020 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;
}
}
2022-07-15 09:56:22 +01:00
div.block-mermaid {
text-align: center;
img {
width: unset;
2022-08-20 17:45:12 +01:00
@include dark-mode {
filter: invert(100%);
}
}
}
div.block-code .highlight {
pre,
span,
& {
@include dark-mode;
2022-07-15 09:56:22 +01:00
}
}
2022-08-27 22:47:03 +01:00
div.block-table {
td,
th {
vertical-align: middle;
@include dark-mode {
color: $dark-mode-text;
}
}
}