Sha256: 3b6c2661fb6752061c6e1bb032c9c93a4411a342f61e6020ab79531be5d5562e

Contents?: true

Size: 1.08 KB

Versions: 28

Compression:

Stored size: 1.08 KB

Contents

// Disable animation if transitions are disabled
@if $enable-transitions {
  @keyframes progress-bar-stripes {
    from { background-position: $progress-height 0; }
    to { background-position: 0 0; }
  }
}

.#{$prefix}progress {
  display: flex;
  height: $progress-height;
  overflow: hidden; // force rounded corners by cropping it
  @include font-size($progress-font-size);
  background-color: $progress-bg;
  @include border-radius($progress-border-radius);
  @include box-shadow($progress-box-shadow);
}

.#{$prefix}progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: $progress-bar-color;
  text-align: center;
  white-space: nowrap;
  background-color: $progress-bar-bg;
  @include transition($progress-bar-transition);
}

.#{$prefix}progress-bar-striped {
  @include gradient-striped;
  background-size: $progress-height $progress-height;
}

@if $enable-transitions {
  .#{$prefix}progress-bar-animated {
    animation: progress-bar-stripes $progress-bar-animation-timing;

    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
}

Version data entries

28 entries across 28 versions & 1 rubygems

Version Path
mekari_ui_toolkit-1.0.32 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.31 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.30 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.29 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.28 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.27 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.26 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.25 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.24 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.23 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.22 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.21 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.20 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.18 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.17 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.16 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.15 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.14 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.13 lib/assets/stylesheets/scss/vendors/_progress.scss
mekari_ui_toolkit-1.0.12 lib/assets/stylesheets/scss/vendors/_progress.scss