.aligncenter, .alignleft, .alignright {
display: block; margin: 0 auto 1rem; text-align: center; margin: 0 auto 1rem;
}
@include breakpoint(medium) {
.alignleft, .alignright { &.size-medium { max-width: 40%; width: 300px; } &.size-medium-large { max-width: 60%; width: 640px; } } .alignleft { float: left; clear: left; padding-right: 1rem; } .alignright { float: right; clear: right; padding-left: 1rem; }
}
.wp-caption {
display: inline-flex; flex-direction: column; margin-bottom: 2rem; img { flex: 1 1 auto; border-top-right-radius: 16px; border-top-left-radius: 16px; } .wp-caption-text { flex: 0 1 auto; background: $ace-blue; color: $white; padding: 0.5rem 1rem; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
}