Sha256: bbb8e51a1711ae75ea7aa2822db176a391c3d7d3178550107985e39583f762b7

Contents?: true

Size: 1.28 KB

Versions: 69

Compression:

Stored size: 1.28 KB

Contents

// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

/// Adds styles for a progress bar container.
@mixin progress-container {
  background-color: $progress-background;
  height: $progress-height;
  margin-bottom: $progress-margin-bottom;
  border-radius: $progress-radius;
}

/// Adds styles for the inner meter of a progress bar.
@mixin progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: $progress-meter-background;

  @if has-value($progress-radius) {
    border-radius: $global-radius;
  }
}

/// Adds styles for text in the progress meter.
@mixin progress-meter-text {
  @include absolute-center;
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: $white;
  white-space: nowrap;

  @if has-value($progress-radius) {
    border-radius: $progress-radius;
  }
}

@mixin foundation-progress-bar {
  // Progress bar
  .progress {
    @include progress-container;

    @each $name, $color in $foundation-palette {
      &.#{$name} {
        .progress-meter {
          background-color: $color;
        }
      }
    }
  }

  // Inner meter
  .progress-meter {
    @include progress-meter;
  }

  // Inner meter text
  .progress-meter-text {
    @include progress-meter-text;
  }
}

Version data entries

69 entries across 69 versions & 2 rubygems

Version Path
jekyll-theme-pirati-7.7.1 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.7.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.6.2 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.6.1 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.6.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.5.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.4.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.3.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.2.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.1.1 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-7.0.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.9.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.8.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.7.2 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.7.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.6.2 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.6.1 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.6.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.5.0 _sass/foundation-sites/scss/components/_progress-bar.scss
jekyll-theme-pirati-6.4.0 _sass/foundation-sites/scss/components/_progress-bar.scss