/**
 *  <div class="progress">
 *     <div class="progress__inner" style="width: 20%"></div>
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

.progress {
    height: 40px;
    width: 100%;

    border: $border;

    &__inner {
        height: 100%;
        border: 1px solid var(--background-contrast);
        background-color: var(--background);
    }
}