website/assets/scss/markup/render-image.scss

20 lines
No EOL
375 B
SCSS

.md-img {
display: flex;
flex-direction: column;
margin: 3rem auto;
img {
border-radius: 0.5rem;
margin: 0 auto;
box-shadow: rgba(0, 0, 0, .25) 0 0 .5rem;
max-width: 100%;
}
&.with-text img { margin-bottom: .75rem; }
&-text {
font-size: .8em;
font-weight: 300;
text-align: center;
}
}