/**
 *  <div class="progress">
 *     <div class="progress__inner" style="width: 20%"></div>
 *  </div>
 *
 *  @author Björn Hase, me@herr-hase.wtf
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://gitea.node001.net/tiny-components/plain-ui.git
 *
 */

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

    border: $border;

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