figure.css

.figure {
    border: 1px solid $grey-light-medium;
    padding: 10px;
    background: $white;
}

.figure-img {
    padding-bottom: 5px;
    border: none;
}

.figure-caption {
    font-size: 90%;
    color: $grey-dark-lightest;
    margin-left: auto;
    margin-right: auto;
}

.figure--small .figure-img {
    width: 75%;
}

.figure--small .figure-caption {
    max-width: 42em;
}

.figure--xs-small .figure-img {
    width: 50%;
}

.figure--xs-small .figure-caption {
    max-width: 31em;
}